Какова наилучшая практика проектирования для настройки ширины страницы для мобильных веб-страниц?

Question

Разные браузеры на разных телефонах имеют разное разрешение экрана.

Существует ли в сообществе рекомендуемая практика установки ширины на стандартный размер, чтобы она работала на большинстве современных телефонов и браузеров?

Answer 1

ИМХО, лучшая практика - обходиться без слишком большого количества предположений о ширине и разрешении клиентского устройства.

В основном на этих устройствах есть браузеры, ориентированные на отображение / поток / сокращение веб-страниц.Если это вообще возможно, позвольте браузеру выполнить эту работу.

Answer 2

Не существует простого способа обеспечить идеальную пиксельную точность в мобильных браузерах (на самом деле, нет простого способа сделать это с Любой браузер).Однако существуют некоторые методы, которые могут помочь в такого рода работе.Например, mobile Safari для iPhone поддерживает мета-тег "viewport", который позволяет вам указывать такие атрибуты, как ширина.Вот несколько примеров использования:

<meta name="viewport" content="width = 750px" />

<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />

У Apple есть некоторая информация здесь, и вы найдете гораздо больше информации в Интернете.

Answer 3

Добрый день,

Я знаю, что ваш вопрос заключается в том, чтобы выбрать оптимальный размер экрана для работы на всех телефонах, но этот подход быстро изнашивается пользователями.

Крупный веб-сайт, с которым я связан, принимает строку UserAgent и приводит ее к общему знаменателю, напримерв Великобритании используется более 300 различных строк UA для определенного типа телефонов Sony Ericsson, поэтому все они преобразуются в одну строку, а затем выполняется поиск в таблице для определения местоположения экрана.

Программисты также имеют доступ к текущей скорости соединения, которая определяется приложением геолокации на основе типа соединения, типа маршрутизации и т.д. на момент подачи запроса. Вы же не хотите отправлять мультимедийные данные с высоким разрешением кому-то с медленным соединением.

Затем это используется для

1. решите, можно ли подавать насыщенный контент, а затем
2. выберите оптимальный формат для содержимого.

HTH

ваше здоровье,

Answer 4

Вы всегда могли бы использовать "ems" вместо пикселей, которые они следует правильно масштабируйте.

Это все еще щекотливая тема, поскольку многие мобильные браузеры в основном интерпретируют то, что у вас есть, в зависимости от того, как разработчики хотели это интерпретировать.