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
Post a Comment