- размер мобильного вида размером больше размера экрана?

Question

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

Видовой экран шире экрана. here и here

Но когда я искать в Интернете для моего Sony Xperia зр размер телефона окна просмотра, This site скажите мне, что мой размер окна просмотра 360 пикселей, который тоже меньше, чем моя ширина разрешения экрана (720 точек) (1280 * 720 рх).

Я немного смущен, может кто-нибудь кратко объяснить, что здесь происходит?

Answer 1

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

Например, традиционный настольный дисплей имеет всего 72 PPI, а в Galaxy Note 3 - 388 PPI. Но производители телефонов поняли, что не очень полезно просматривать увеличенную версию веб-сайта, даже если все это может показаться на экране чистым. Поэтому вместо этого каждое устройство имеет соотношение пикселов CSS от 1 до 3, что означает, что он масштабирует каждый пиксель CSS 1-3 раза, чтобы сделать его примерно того же размера, что и на настольном мониторе.

My Note 3, например, имеет родное разрешение 1080x1920, но отношение CSS пикселя 3. Это означает, что он сообщает на веб-сайтах, что его разрешение составляет 1080/3 х 1920/3 = 360 х 640.

Итак, из вашего примера, ваш телефон, вероятно, имеет соотношение пикселей CSS от 2.

Эта карта может показаться полезной: http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density В ней есть список самых портативных устройств, их собственное разрешение экрана и плотность их пикселей. Вы можете рассчитать, как будет отображаться их просмотр, на веб-сайты, разделив разрешение экрана на плотность пикселей.

Answer 2

Эта ссылка на Википедию относится к удаленной странице. Мне пришлось использовать машину обратного пути, чтобы увидеть диаграмму коэффициентов CSS. Интересно, где еще эти данные могут существовать в Википедии, я не уверен, где ее найти. Выберите статью с 2012 года, где страница имеет самую высокую частоту редактирования.

https://web.archive.org/web/20120501000000*/http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density

Жаль, что я бы поставил это в качестве комментария, но не может сделать это еще.