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

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

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

asp.net mvc - breakpoint on javascript in CSHTML? -