如何防止 iPad/iPhone 的 CSS 也影响旧版浏览器

Question

根据Apple 的开发人员说明，我使用以下 CSS 仅影响 iPad 和 iPhone。 然而，CSS 似乎也在影响旧版浏览器（例如，Firefox 3.5）。 关于如何仅针对 iPad/iPhone 或仅针对 Firefox 3.5 的任何建议，但不能同时针对两者？

@media screen and (max-device-width: 1024px) {
{...}
}

Answer 1

媒体查询基于屏幕尺寸（除其他外）。 要定位 iphone，您需要将查询更改为：

@media screen and (max-device-width: 480px) {
{...}

}

这只会针对最大显示分辨率为 480 像素的设备

您可以在此处阅读更多信息： http://perishablepress.com/press/2010/10/20/target-iphone-and-ipad-with-css3-media-queries/

我肯定会看看A Book Apart 的新的响应式设计书——真的很好