Интересная тема, поддерживаю
Давно обещался выложить инструкцию по созданию своего мобильного стиля, но как-раз при написании столкнулся с трудностями размеров экранов т.к. ежегодно выпускаются смартфоны и планшеты с разными размерами экранов. В итоге закинул идею на верхнюю полку. А это, думаю, в разы упростило бы задачу при создании своего стиля для конкретного устройства/типа устройства. Понятное дело, что всё что не влезает в экран — ужимать или убирать. А перевернул чел устройство — то там вылезет, тот тут налезет элемент. Вот и начинается борьба с разными размерами, подгонка чуть ли не до пикселя бывала. Уже потом стали применять похожие библиотеки)
Библиотека Device.js или о мобильных дизайнах
Сообщений 21 страница 24 из 24
Поделиться21Пн, 7 Янв 2019 10:22:07
Поделиться22Пн, 7 Янв 2019 13:38:45
Давно обещался выложить инструкцию по созданию своего мобильного стиля, но как-раз при написании столкнулся с трудностями размеров экранов т.к. ежегодно выпускаются смартфоны и планшеты с разными размерами экранов. В итоге закинул идею на верхнюю полку. А это, думаю, в разы упростило бы задачу при создании своего стиля для конкретного устройства/типа устройства. Понятное дело, что всё что не влезает в экран — ужимать или убирать. А перевернул чел устройство — то там вылезет, тот тут налезет элемент. Вот и начинается борьба с разными размерами, подгонка чуть ли не до пикселя бывала. Уже потом стали применять похожие библиотеки)
Да, данная библиотека решает проблему, более того его применение можно использовать и для разной ориентации и даже для отдельных операционных систем, так же становится органичным использование вьюпортов.. Скрипт Деффа решает пол проблемы, но без установки библиотеки в head админка остается без стиля, что опять таки приводит использование библиотеки для избранных, плюс остается проблема стилей и скриптов НТМЛ верх и НТМЛ низ..
Поделиться23Пн, 7 Янв 2019 15:22:20
плюс остается проблема стилей и скриптов НТМЛ верх и НТМЛ низ..
Ну проблема скриптов решаема, уже делали тут спецконтейнеры для скриптов и стиля (есть смена стиля от партнёрки) http://forum.bestbb.ru/viewtopic.php?id=20
Поделиться24Пн, 28 Янв 2019 01:27:05
Сделал Мобильный стиль: Мобильный дизайн "Приложение". Установка сложная.
Все таки хорошо бы установить данный скрипт на уровне сервиса:
<script src="https://unpkg.com/current-device/umd/current-device.min.js"></script>
Бо как делать отдельный стиль для админки - это реальное извращение..
Так же удивлен, что до сих пор на уровне сервиса не установлен мета-тег:
<meta name="viewport" content="width=device-width">
Он нужен для мобильных устройств. Желательно его тоже установить на уровне сервиса.