Css 媒体查询不适用于Iphone，但适用于浏览器调整大小

嗨，我现在在WordPress上使用一个名为Bones的样板主题，但我在Iphone上使用响应菜单时遇到了问题。当我手动调整菜单大小时，它似乎可以工作

im使用的媒体查询为

@仅介质屏幕和（最小宽度：960像素）{

我要去的地方是：

---

如果有任何帮助，我将不胜感激，因为我已经去找了主题作者，他已经好几天没有回复了

您是否使用了元视口对象？请将此放在文档的开头

<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

---

我刚刚遇到一个问题，当我加载带有以下内容的样式表时：

<link src="mobile.css" media="only screen and (min-width: 400px)" />

---

还有一些设备（iPhone、iPad——当然有不同的断点，还有Galaxy Nexus）没有看到

背景：红色；

规则（“嵌套”媒体查询），只有那些在“内联”媒体查询（

h1

）之外的设备。然而，Chrome和其他浏览器对此没有问题。

这让我感到奇怪：

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

我认为应该是这样

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

或者

---

您可能还想考虑从XHTML到HTML5的DOCTYPE移动。

您是否在HTML的头中包含了媒体=“屏幕”？（in）谢谢你的回复，这现在可以在IPhone上运行，但是在IE8上，在更大的桌面站点上有IPhone和小设备菜单！！我现在会研究这个问题，但是有什么想法可以解决吗？可能只是为这个浏览器提供一个样式表。没问题，这是因为ie不支持媒体查询，所以在你的第一个@media之后的所有样式都将被忽略，我见过的让媒体查询在ie中运行的最好的修复方法是一点javascript，我希望这有助于Hanks KZA absolute ledgend！！我的Iphone上似乎有一个我现在无法摆脱的边距。我希望我的内容100%宽度，但在边距之后：0px所有内容我仍然有一个边距边框>？andy建议？这是一个屏幕截图，有一个用于或iphone来调整浏览器大小和更改用户代理，这可能对测试很有用：您不需要在媒体查询中使用最小值和最大值。这有助于避免某些冲突，但也可以以智能方式将它们堆叠起来。在这一点上，他在为

media=“screen”设置的样式表中设置了打印样式

，所以它们不起作用。我最近又测试了一次，没有遇到这个问题，在iPhone6/iOS8/Chrome、iPhone6/iOS8/Safari、三星S5/4.4.2/Chrome、三星S5/4.4.2/Stock、三星S5/4.4.2/Firefox、iPad1/iOS5/Safari、Nexus7/4.4.4/Chrome、HTC One/4.2/Chrome、S2 Tablet/4.0/Chrome、S2 Tablet/4.0/Stock、S2 Tablet/4.0/Firefox

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

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

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