ios - Css 媒体查询，目标网页浏览器宽度小于 1024px 和 iPad 纵向

Question

我正在开发一个响应式网站，我想让该网站对宽度小于 1024 像素的浏览器做出反应，并为 iPad 纵向使用相同的样式。

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

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

它们会影响我不想要的横向 iPad - 我如何排除横向 iPad 但包括纵向 iPad？

Answer 1

尝试这个：

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

iPad 的纵向宽度为768px.