почему этот сайт не масштабируется должным образом на смартфоне?

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

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

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

Я думаю, что я что-то упускаю, но не знаю, что..


scale responsive-design viewport screen-orientation
person grrrbytes    schedule 15.01.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

person Scott Floyd    schedule 15.01.2013
comment
на самом деле кажется, что вы не должны применять метатег области просмотра (с начальным масштабом, равным 1), когда вы разрабатываете неотзывчивый веб-сайт: webdesignerwall.com/tutorials/ - person grrrbytes; 23.01.2013
comment
Вернуться к тому, с чего я начал. После удаления этого метатега масштабирование отлично работало на моем телефоне HTC Incredible droid, а также на моем iPad 2. Я только что получил iPhone 4S и обнаружил, что удаление этого метатега останавливает всю реакцию (на этом устройстве). - person Scott Floyd; 08.02.2013
comment
Это так расстраивает, что я играл со всем, что могло выплескиваться, заставляя браузер масштабироваться шире, чем должен. Но он должен просто масштабироваться до 1,0, если он установлен таким образом, например, браузер уменьшит размер сайта в зависимости от диапазона ширины, установленного в медиа-запросе. Вместо этого он устанавливает начальный масштаб на уровне 1,2. Я бы подумал, что если бы какая-либо из моих минимальных ширин была больше, чем ширина браузера для этого медиа-запроса, это произошло бы, но не в том случае, если бы моя максимальная ширина находилась в пределах диапазона медиа-запроса. В качестве хака я установил начальную ширину на 0,8, и это вроде как работает. - person Scott Floyd; 08.02.2013