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

Source: Internet
Author: User
Tags apple ipad mini samsung galaxy s iii

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)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.