Я хотел бы знать, как вычисляется отношение -webkit-device-pixel. Я уже прочитал это: http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html. Я не могу понять это ясно. Я также хотел бы знать, есть ли список того, какие устройства используют соотношение пикселей. На веб-сайте Android
Android Browser и WebView поддерживают мультимедийную функцию CSS, которая позволяет создавать стили для конкретной плотности экрана - медиа-функцию CSS-пикселя -webkit-device-pixel. Значение, которое вы применяете к этой функции, должно быть "0,75", "1" или "1,5", чтобы указать, что стили предназначены для устройств с экранами с низкой плотностью, средней плотностью или высокой плотностью соответственно.
но я обнаружил, что нам нужно использовать -webkit-device-pixel-ratio = 2, чтобы сделать веб-приложение совместимым с разрешением экрана 768 x 1280.
Согласно этой статье
http://www.html5rocks.com/en/mobile/high-dpi/
Магическое число кажется 150.
Разделение физического ppi на идеальный ppi 150, дает соотношение пикселей устройства.
Например, устройство с 445ppi будет иметь dpr 3 - >> 445/150
Простой расчет, похоже, хорошо подходит для многих элементов в этом списке,
http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density
вы можете найти соотношение пикселей, используя javascript window.devicePixelRatio
Соотношение пикселей устройства (DPR) - это соотношение между физическими аппаратными пикселями и независимыми от устройства пикселями, которые являются абстракцией. Значение отношения пикселя устройства не является чем-то, что можно надежно рассчитать, поскольку оно основано на том, как производитель устройства намеревается сопоставить систему пикселов одного типа с другой. Чтобы надежно получить эту информацию, вам нужно будет запросить ее у устройства.
claculate display metrics и получить
DisplayMetrics dm = context.getResources(). GetDisplayMetrics(); int плотностьDpi = dm.densityDpi
и используйте dm.xdpi, или dm.ydpi, т.е. pixcel desity
Вы можете найти многие параметры экрана, посетив https://www.mydevice.io/ 