Media Queries To Target High Resolution Dense Pixel Devices
We're trying to target the Samsung Galaxy Nexus specifically. It has a resolution of 1280 x 720 with a pixel density of 2, which causes it to display pages as though it were a desk
Solution 1:
Your media queries are incorrect:
@mediaonly screen
and (min-device-width : 720px)
and (-webkit-min-device-pixel-ratio : 2)
and (orientation : portrait) { /* styles */ };
@mediaonly screen
and (min-device-width : 720px)
and (-webkit-min-device-pixel-ratio : 2) { /* styles */ };
Not sure what you're trying to target with the second one. You may want to consider adding the following media query:
@mediaonly screen
and (min-device-width : 1280px)
and (-webkit-min-device-pixel-ratio : 2)
and (orientation : landscape) { /* styles */ };
Try that out.
Post a Comment for "Media Queries To Target High Resolution Dense Pixel Devices"