bu açıklama tam olarak bu nitelik ölçüyor mobil web, ama hiçbir şey olduğu hakkında her makalede bahsedilmektedir.
Herkes bu kontrol sorgu gibi ne yaptığını ayrıntılı miyiz?

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-device-pixel-ratio: 3/2), 
only screen and (min-device-pixel-ratio: 1.5) {

    //high resolution images go here

}

Web geliştirme dünyasında, aygıt piksel oranı (CSS Piksel Oranı olarak adlandırılan ve aynı zamanda dppx olarak anılacaktır) bir cihazın ekran çözünürlüğü CSS ile nasıl yorumlanacağını belirler.

CSS formülle bir cihazın çözünürlüğü yorumlar: device_resolution/css_pixel_ratio. Örneğin:

Samsung Galaxy S III

• Gerçek çözünürlük: 720 x 1280
• Piksel Oranı CSS: 2
• Yorumlanan çözünürlük: (720/2) x (1280/2) = 360 x 640

Bir web sayfasını görüntülerken, CSS eğer ekran 360x640 gibi cihaz 360x640 çözünürlüklü bir ekran ve Medya Sorguları cevap verecektir sanırım. Ama ekranda görüntülenen öğeleri gerçek 360x640 ekran iki kat daha keskin olacak.

Diğer bazı örnekler:

Samsung Galaxy S4

• Gerçek Çözünürlük: 1080 x 1920
• Piksel Oranı CSS: 3
• Yorumlanan Çözünürlük: (1080/3) x (1920/3) = 360 x 640

iPhone 5s

• Gerçek Çözünürlük: 640 x 1136
• Piksel Oranı CSS: 2
• Yorumlanan Çözünürlük: (640/2) x (1136/2) = 320 x 568

CSS piksel oranı oluşturuldu nedeni telefon ekranları her Cihaz hala 1 CSS piksel oranı daha yüksek çözünürlük, daha sonra web sayfalarını görmek için çok küçük hale getirecektir çünkü. Tipik bir masaüstü, tam ekran monitör" monitör 1920 x 1080. 24. Eğer bu olursa < aşağı çekmiş olsaydı monitör düşünün; 5" ama aynı kararı vardı. Ekranda görüntüleme şeyler çok küçük olacaktır, çünkü imkansız olurdu.

Burada da geçerli olan cihazın piksel yoğunluğu anlatan bir araç

http://bjango.com/articles/min-device-pixel-ratio/

Burada aygıt piksel oranı aranabilir listesi (eğer bu listeye eklemek için aygıtınız varsa GitHub üzerinden çekin istekleri kabul ediyorlar)

http://dpi.lv/