Вообщем нашел интересную статью: https://danilin.biz/device-js.htm Можно подключить скрипт, который будет в зависимости от устройства задавать классы тегу html:
Что дает большие возможности делать мобильные дизайны, при чем и на уровне для планшетов отдельно, и даже айфон-андроид отдельно.. Возможность гораздо более интересная, чем прыгать от размеров экрана.. Но как всегда есть но:1. Все бы хорошо, и для мобильного дизайна для всех селекторов добавляем html.mobile и будет работать на все мобильные устройствах (для планшетов: html.tablet), но будет мешаться родной дизайн - нужен способ его отключения для универсализации.. Для себя родного можно в родном дизе везде добавить: html.desktop и тогда он мешать не будет и таким образом уже будет действительно разделено какой диз для какого устройства..
2. Это скрипты и стили в НТМЛ верху и НТМЛ низу, которые не нужны для мобильного дизайна.. В идеале было бы если б был бы отдельно контейнер для ПК и для мобильных девайсов..
3. В идеале - это чтобы скрипт был подключен для всего сервиса в head..
Кому интересно моя проба на основе дизайна и мобильного дизайна техподдержки (я подобавлял html.mobile, чтобы посмотреть как это работает. Отключать мобильный стиль в настройках обязательно):
Код:<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/000d/8d/19/25201.css"> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/000d/8d/19/44482.css"> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/000d/8d/19/54270.css"> <script src="https://unpkg.com/current-device/umd/current-device.min.js"></script>Более подробно о библиотеке на странице разработки: https://github.com/matthewhudson/current-device
Отредактировано kolobdur74 (Сб, 8 Авг 2020 20:26:33)