Mobile only CCS taking into account pixel density

Posted on

in

Here is just a CSS media query for targeting phones with a pixel width of no greater than 320px (eg. iphone portrait) taking into account the higher pixel density phones too.

@media (max-device-width : 320px) ,
(-webkit-min-device-pixel-ratio: 2) and (max-device-width : 640px) {

Leave a Reply

Your email address will not be published. Required fields are marked *

About me

Mark Wong is a front end developer with 10+ years experience. Most of his knowledge of HTML5, CSS and Js is self taught.

Calendar

March 2025
M T W T F S S
 12
3456789
10111213141516
17181920212223
24252627282930
31