Какова наилучшая практика проектирования для настройки ширины страницы для мобильных веб-страниц?
-
20-09-2019 - |
Вопрос
Разные браузеры на разных телефонах имеют разное разрешение экрана.
Существует ли в сообществе рекомендуемая практика установки ширины на стандартный размер, чтобы она работала на большинстве современных телефонов и браузеров?
Решение
ИМХО, лучшая практика - обходиться без слишком большого количества предположений о ширине и разрешении клиентского устройства.
В основном на этих устройствах есть браузеры, ориентированные на отображение / поток / сокращение веб-страниц.Если это вообще возможно, позвольте браузеру выполнить эту работу.
Другие советы
Не существует простого способа обеспечить идеальную пиксельную точность в мобильных браузерах (на самом деле, нет простого способа сделать это с Любой браузер).Однако существуют некоторые методы, которые могут помочь в такого рода работе.Например, mobile Safari для iPhone поддерживает мета-тег "viewport", который позволяет вам указывать такие атрибуты, как ширина.Вот несколько примеров использования:
<meta name="viewport" content="width = 750px" />
<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />
У Apple есть некоторая информация здесь, и вы найдете гораздо больше информации в Интернете.
Добрый день,
Я знаю, что ваш вопрос заключается в том, чтобы выбрать оптимальный размер экрана для работы на всех телефонах, но этот подход быстро изнашивается пользователями.
Крупный веб-сайт, с которым я связан, принимает строку UserAgent и приводит ее к общему знаменателю, напримерв Великобритании используется более 300 различных строк UA для определенного типа телефонов Sony Ericsson, поэтому все они преобразуются в одну строку, а затем выполняется поиск в таблице для определения местоположения экрана.
Программисты также имеют доступ к текущей скорости соединения, которая определяется приложением геолокации на основе типа соединения, типа маршрутизации и т.д. на момент подачи запроса. Вы же не хотите отправлять мультимедийные данные с высоким разрешением кому-то с медленным соединением.
Затем это используется для
- решите, можно ли подавать насыщенный контент, а затем
- выберите оптимальный формат для содержимого.
HTH
ваше здоровье,
Вы всегда могли бы использовать "ems" вместо пикселей, которые они следует правильно масштабируйте.
Это все еще щекотливая тема, поскольку многие мобильные браузеры в основном интерпретируют то, что у вас есть, в зависимости от того, как разработчики хотели это интерпретировать.