Most recommended CSS Media Query for Mobile Phones and Tablet Devices -
this question has answer here:
i wanted insight on recommended css media query target mobile phones (handheld) , tablets. have following code , wanted know if it
@media screen , (min-device-width : 320px) , (max-device-width : 480px) , (min-device-width : 768px) { /*style*/ } thank you!
this helpfull...
@media (min-width:320px) { /* smartphones, portrait iphone, portrait 480x320 phones (android) */ } @media (min-width:480px) { /* smartphones, android phones, landscape iphone */ } @media (min-width:600px) { /* portrait tablets, portrait ipad, e-readers (nook/kindle), landscape 800x480 phones (android) */ } @media (min-width:801px) { /* tablet, landscape ipad, lo-res laptops ands desktops */ } @media (min-width:1025px) { /* big landscape tablets, laptops, , desktops */ } @media (min-width:1281px) { /* hi-res laptops , desktops */ }
Comments
Post a Comment