如何防止CSS对iPad/iPhone影响较旧的浏览器

Question

根据Apple's developer instructions，我使用以下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/

我肯定会检查出新的Responsive design book from A Book Apart - 真的很好