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

Posted 2023-03-12

【中文标题】Css 媒体查询，目标网页浏览器宽度小于 1024px 和 iPad 纵向

【英文标题】：Css media query, target web browser less than 1024px wide and iPad in Portrait

【发布时间】：2013-10-09 08:35:44

【问题描述】：

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

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

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

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

【问题讨论】：

那么使用小于 1024 的值怎么样？

【参考方案1】：

试试这个：

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

iPad 的纵向宽度为768px。