iPhone媒体查询不指向移动样式表

iPhone媒体查询不指向移动样式表,iphone,css,mobile-safari,Iphone,Css,Mobile Safari,我正在测试我网站的一个移动版本,并设置了一个新的mobile.css文件,并使用以下代码重定向到它。(style.css是我的主“桌面”css) 我在iPhone5上测试这个,它根本没有显示CSS的移动版本。我做了一些事情,比如改变背景颜色等,来测试它的工作情况,它只显示常规版本 提前感谢您的帮助您的媒体查询引用的是iPhone4而不是iPhone5。您可以使用设备纵横比: iPhone < 5: @media screen and (device-aspect-ratio: 2/3)

我正在测试我网站的一个移动版本,并设置了一个新的mobile.css文件,并使用以下代码重定向到它。(style.css是我的主“桌面”css)


我在iPhone5上测试这个,它根本没有显示CSS的移动版本。我做了一些事情,比如改变背景颜色等,来测试它的工作情况,它只显示常规版本


提前感谢您的帮助

您的媒体查询引用的是iPhone4而不是iPhone5。您可以使用设备纵横比:

iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}

iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}

iPad:
@media screen and (device-aspect-ratio: 3/4) {}

您的媒体查询引用的是iPhone4而不是iPhone5。您可以使用设备纵横比:

iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}

iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}

iPad:
@media screen and (device-aspect-ratio: 3/4) {}
@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone only */
}