Масштабирование в браузере такое же, как масштабирование на мобильном устройстве? - PullRequest
6 голосов
/ 14 февраля 2012

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

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

Редактировать: У меня есть несколько хороших ответов, мои благодарности.Я надеялся выяснить как они отличаются с технической точки зрения.т.е. «один масштабирует х, другой масштабирует у».Любое понимание здесь?

Ответы [ 3 ]

3 голосов
/ 14 февраля 2012

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

РЕДАКТИРОВАТЬ: Тамтакже разница между мобильным пинч-зумом и мобильным двойным тап-зумом.Я заметил, что двойное нажатие влияет на поток страницы, а сжатие - нет.

Относительно «пикселей CSS», не очевидно из того, как элементы с размерамиопределены в px единицы затронуты?Казалось бы, «пиксели CSS» остаются такими, какими они были задуманы на 100% /

0 голосов
/ 14 февраля 2012

Простой ответ: нет, они не одинаковы.

Когда в телефоне используется масштабирование по пинчу, все масштабируется.

при использовании ctrl + в браузере все еще применяются правила CSS.

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

Некоторые браузеры по-разному относятся к юнитам.Некоторые масштабируют, некоторые нет.Например, для некоторых браузеров, если для указания размера используется px, он не изменится даже при нажатии ctrl + (в основном это старые браузеры).Как правило, если вы хотите, чтобы объекты масштабировались при нажатии Ctrl + и масштабировались должным образом, часто рекомендуется использовать модуль em, поскольку он основан на размере шрифта, который масштабируется при нажатии Ctrl +.

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

0 голосов
/ 14 февраля 2012

Нет, обычно браузеры настраивают CSS существующего документа для изменения размеров.Мобильные устройства масштабируют «изображение» документа.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...