css - Media Queries issue with Ipad and Android Tablet -


i facing issue ipad , android tablets media queries in landscape mode.

i need regarding proper media queries.

here media queries using:

android landscape:

@media screen , (min-device-width : 800px) , (max-device-width: 1280px) , (orientation : landscape) {} 

ipad landscape:

@media screen , (min-device-width : 768px) , (max-device-width: 1024px) , (orientation : landscape) {} 

use

@media (min-width : 800px) , (max-width: 1280px) {} @media (min-width : 768px) , (max-width: 1024px) {} 

for reference

/* large desktop */ @media (min-width: 1200px) { ... }  /* portrait tablet landscape , desktop */ @media (min-width: 768px) , (max-width: 979px) { ... }  /* landscape phone portrait tablet */ @media (max-width: 767px) { ... }  /* landscape phones , down */ @media (max-width: 480px) { ... } 

Comments

Popular posts from this blog

php - Passing multiple values in a url using checkbox -

compilation - PHP install fails on Ubuntu 14 (make: *** [sapi/cli/php] Error 1) PHP 5.6.20 -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -