Получить экран DPI для адаптивного веб-дизайна

Я пытаюсь создать отзывчивый веб, который работает на каждом устройстве, в то время как я искал связанные темы. Я читал так много времени DPI, High DPI. Я прочитал об этом и понимаю, что очень важно правильно разрабатывать гибкий веб-сайт на каждом устройстве. Но моя главная проблема заключается в том, что "Как получить dpi для устройства и как применять css (медиа-запросы) для этого".

После этого у меня также есть проблема с тестированием на многих устройствах, поэтому есть инструмент, который может имитировать среду целевых устройств для тестирования.

2 ответа

Там потрясающий набор слайдов (PDF) от http://quirksmode.org/, которые обсуждают Отзывчивый веб-дизайн, разрешения экрана и плотность пикселей: http://quirksmode.org/presentations/Spring2014/viewports_sf2.pdf

Автор блога более подробно обсуждает соотношение пикселей: http://www.quirksmode.org/blog/archives/2012/07/more_about_devi.html

На самом деле на этот момент нет ни одного ответа, так как Android и Retina MacBook, как правило, усложняют подходы, которые обычно работали на iPhone и других устройствах.

Надеюсь, ссылки полезны.


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

licensed under cc by-sa 3.0 with attribution.