Css媒体查询，目标网络浏览器宽度小于1024px，iPad为Portrait

Question

我正在开发一个快速响应的网站，我希望该网站能够对浏览器的宽度小于1024px做出反应，并在Portrait中为iPad使用相同的样式。

但是，如果我在浏览器小于1024像素时对样式应用媒体查询

@media only screen and (max-width : 1024px) { /* styles */ }

它们影响了我不想要的横向iPad - 如何排除iPad的风景但是包括Portrait iPad？

Answer 1

试试这个：

@media only screen and (max-width : 768px) { /* styles */ }

iPad的纵向宽度为768px。