Должен ли я использовать дюймы для измерений на моем веб-сайте?
До этого момента я в основном использовал пиксели для веб-дизайна, но мне интересно, как я могу адаптировать свой сайт или нужно ли его адаптировать для отображения на сетчатке и т. Д. Кроме того, я хочу контролировать, как выглядят мои страницы, когда они напечатаны. Было бы разумно использовать дюймы или какую-то другую единицу измерения? Как устройства с меньшими экранами преобразуют размеры?
2 ответа
В CSS "in" всегда будет соответствовать 96 "px" по историческим причинам. Постарайтесь не думать об этом. Ни один модуль CSS не имеет какой-либо связи с физическим свойством устройства.
Вам не нужно ничего делать, чтобы адаптировать ваш текущий макет для экранов высокой плотности. Вам нужно только выборочно обслуживать альтернативные версии с высоким разрешением любых растровых изображений, чтобы они не выглядели как спрайты NES при просмотре на устройствах с более высокой плотностью пикселей, которые применяют большее количество масштабов видового экрана.
Смотрите мой ответ на этот другой вопрос, он также должен ответить на ваш: Понимание CSS-запросов устройства Retina
Короткий ответ: нет, дюйм на вашем экране отличается для любого другого разрешения экрана и, в свою очередь, для устройства.
http://en.wikipedia.org/wiki/Pixels_per_inch
http://en.wikipedia.org/wiki/Dots_per_inch
Так, например, что будет 1 дюйм на вашем экране может быть 1,3 на другом.
Используйте пиксели это универсально.