Responsive layout-device pixel density test (-webkit-min-device-pixel-ratio)

Recently encountered this problem of headache, baffled its solution, fools, cantilever thorn shares these things have done, finally see hope, so save, feel tidy share to everyone, hope to help.

The initial understanding of cell phone resolution and web pixel is that it is twice times the difference.

But what's puzzling is why we need 1.325 of this data, which is what it turns out to be:

Give me a chestnut:

The following is my excerpt and translation, want to know more text at the end of the link ha ~

Comparison of common values for-webkit-min-device-pixel-ratio ( is the physical pixel and device independent pixels on the device, device pixel ratio )

Device resolution device pixel ratio Android ldpi 0.75 iphone 3 & Android MDPI 320x480 1 android HDPI 480x800 1.5 Iphone 4 960x640 2.0

Device Pixels: 1.0 (-webkit-min-device-pixel-ratio)

All Non-retina Mac computers
Apple iphone (first generation)
Apple iphone 3 G
Apple iphone 3 GS
Apple ipad (first generation)
Apple ipad 2
Apple ipad Mini (first generation)
Acer Iconia A500
Samsung Galaxy Tab 10.1
Samsung Galaxy S

Device pixels: 1.3 (-webkit-min-device-pixel-ratio)

ASUS Memopad HD 7
Google Nexus 7 (type 2012)

Device pixels: 1.4 (-webkit-min-device-pixel-ratio)

Nokia Streamer (Lumia) 520

Device pixels: 1.5 (-webkit-min-device-pixel-ratio)

Google Nexus S
HTC Desires
HTC Desire HD
HTC's incredible Age
HTC Speed
The feeling of HTC Electric
Kindle Fire HD
Samsung Galaxy S II
Sony tablet Xperia Z
Sony Xperia U

Device pixels: 2.0 (-webkit-min-device-pixel-ratio)

All Mac Retina Displays
Apple iphone 4
Apple iphone 4 S
Apple iphone 5
Apple iphone 5 degrees
Apple iphone 5 s
Apple iphone 6
Apple ipad (third generation)
Apple ipad 4
The air of Apple ipad
Apple ipad Mini (2rd generation)
HTC One X
Google's Galaxy Nexus
Google Nexus 4
Google Nexus 7 (type 2013)
Google Nexus 10
Motorola Extreme Moto
Samsung Galaxy S III
Samsung Galaxy Note II
Sony Xperia age
Sony Xperia T

Device pixels: 2.6 (-webkit-min-device-pixel-ratio)

Nokia Streamer (Lumia) 930

Device pixels: 3.0 (-webkit-min-device-pixel-ratio)

HTC (M7)
The HTC Butterfly
Huawei Glory 6
Apple iphone 6 +
LG G2
Contact 5
OnePlus A
The corresponding person found 7 (X9076)
Samsung Galaxy S4
Samsung Galaxy Note 3
Samsung Galaxy Note 4
Sony Xperia Z
Millet Millet 3

Responsive layout-device pixel density test (-webkit-min-device-pixel-ratio)