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

Question

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

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

Answer 1

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

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

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

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

Answer 2

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

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

Answer 3

G'day,

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

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

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

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

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

НТН

ура

Answer 4

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

Это по-прежнему деликатный вопрос, поскольку многие мобильные браузеры в основном интерпретируют то, что у вас есть, в зависимости от того, как разработчики хотели его интерпретировать.