Skip to content Skip to sidebar Skip to footer

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"