Как веб-сайты автоматически уменьшаются при просмотре на мобильных телефонах? - PullRequest
1 голос
/ 12 августа 2010

В моем случае я сделал div ширину 500px,

, но он автоматически уменьшился при просмотре на мобильном телефоне

Как точно происходит волшебство, оно зависит от устройства?

Ответы [ 3 ]

4 голосов
/ 15 марта 2011

Возможно, вы захотите попробовать что-то вроде этого в заголовке HTML-страницы:

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

Подробнее см. Здесь: http://davidbcalhoun.com/2010/viewport-metatag

2 голосов
/ 12 августа 2010

Редактировать: приведенный ниже ответ больше не отражает текущую обычную практику. В настоящее время существует довольно хорошо установленный стандарт, называемый метапорт, который контролирует, как страница масштабируется на мобильном устройстве. В отсутствие этого сайты считаются «не дружественными для мобильных устройств», и мобильные браузеры показывают страницу с типичной шириной рабочего стола, уменьшенной до полной ширины.


Это зависит от браузера.

Это даже настраиваемый параметр в большинстве мобильных браузеров (например, Android, Nokia S60, Opera Mini). Я предпочитаю отключить его, чтобы страницы открывались с нормальным увеличением 100% (а если оно обрезано, я просто прокручиваю).

Некоторые люди предпочитают видеть всю ширину страницы сразу, даже если текст слишком мал для чтения, а затем дважды нажмите, чтобы увеличить его.

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

0 голосов
/ 12 августа 2010

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

...