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

Question

我正在开发一个响应式网站，我想让网站对宽度小于 1024 像素的浏览器使用react，并在 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。