web-dev-qa-db-fra.com

Comment calculer le ratio de pixels de l'appareil

Je voudrais savoir comment est calculé le rapport de pixels du site Web. Nous avions déjà lu ceci: http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati .html.Yet Je ne parviens pas à bien comprendre. J'aimerais aussi savoir s'il existe une liste des appareils qui utilisent quel rapport de pixels.Le site Web Android dit

Le navigateur Android et WebView prennent en charge une fonctionnalité de média CSS qui vous permet de créer des styles pour des densités d’écran spécifiques - la fonctionnalité de média CSS de -webkit-device-device-ratio. La valeur que vous appliquez à cette fonctionnalité doit être "0,75", "1" ou "1,5", pour indiquer que les styles sont destinés aux appareils dotés d'écrans de densité faible, moyenne ou élevée, respectivement.

mais j’ai constaté que nous devions utiliser -webkit-device-pixel-ratio = 2 pour rendre une application Web compatible avec un écran de résolution 768 x 1280.

15

Selon cet article

http://www.html5rocks.com/en/mobile/high-dpi/

Le nombre magique semble être 150.

Le fait de diviser le nombre de ppp physiques par un nombre de ppp idéal de 150 donne le rapport de pixels du périphérique.

Par exemple. un appareil avec 445ppi aurait un dpr de 3 - >> 445/150 

Le calcul simple semble bien tenir pour de nombreux éléments de cette liste,

http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density

14
Jet Blue

Le rapport de pixels de périphérique (DPR) est la relation entre les pixels physiques basés sur le matériel et les pixels indépendants du périphérique, qui sont une abstraction. La valeur du rapport de pixels du périphérique ne peut pas être calculée de manière fiable car elle est basée sur la façon dont le fabricant du périphérique a l'intention de mapper un type de système de pixels sur un autre. Pour obtenir ces informations de manière fiable, vous devez les demander à l’appareil.

2
MokoJumbie

vous pouvez trouver le ratio de pixels en utilisant javascript window.devicePixelRatio

2
user2991535

Vous pouvez trouver plusieurs de vos paramètres d’écran en visitant https://www.mydevice.io/ enter image description here

2
Dmitry Davydov

calculer les mesures d'affichage et obtenir

DisplayMetrics dm = context.getResources (). GetDisplayMetrics (); Int denseDpi = dm.densityDpi

et utilisez dm.hdpi ou dm.ydpi i.e pixcel desity

0
Piyush Sharma