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

如何防止iPad/iPhone的CSS也影响旧浏览器,css,iphone,ipad,stylesheet,Css,Iphone,Ipad,Stylesheet,根据,我使用以下CSS仅影响iPad和iPhone。然而,CSS似乎也在影响旧浏览器(如Firefox3.5)。关于如何只针对iPad/iPhone或只针对Firefox 3.5,但不能同时针对两者,有什么建议吗 @media screen and (max-device-width: 1024px) { {...} } 媒体查询基于屏幕大小(除其他外)。要针对iphone,您需要将查询更改为以下内容: @media screen and (max-device-width: 480px) {

根据,我使用以下CSS仅影响iPad和iPhone。然而,CSS似乎也在影响旧浏览器(如Firefox3.5)。关于如何只针对iPad/iPhone或只针对Firefox 3.5,但不能同时针对两者,有什么建议吗

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

媒体查询基于屏幕大小(除其他外)。要针对iphone,您需要将查询更改为以下内容:

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

}
这将仅针对最大显示分辨率为480px的设备

您可以在此处阅读更多内容:


我肯定会看看新的-非常非常好

你可以尝试使用javascript打印样式信息,并使用此脚本检测调节设备: