如何防止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 - 真的很好