css - 媒体查询不适用于 ie 和手机

Question

我的网站确实适合不同设备的屏幕，但我的媒体查询样式不起作用。调整 WordPress 大小时问题也很明显 website在 IE 浏览器中以及使用 Windows Phone 模拟器(通过 IE 11)时。我尝试了许多不同的方法来解决这个问题，但到目前为止还没有成功。我所有的媒体查询都在我的主 style.css 中

我已经尝试过:

• 更改<meta name="viewport" content="width=device-width">至<meta name="viewport" content="width=device-width, initial-scale=1"> 根据:Responsive web design is working on desktop but not on mobile device

  • 更改@media only screen and (max-width: XXXpx),only screen and (max-device-width: XXXpx)在我的 style.css 中设置为 @media all and (max-width: XXXpx),all and (max-device-width: XXXpx) 根据:Media Queries not working in Internet Explorer 11

  • 我刚刚停用了所有插件，清除了缓存，但仍然不成功。

  • 我还尝试按照以下方式验证我的网站并清除错误:Media Query x IE11

我完全不知所措和沮丧，因为我设计和构建的其他网站没有发生这种情况。如果我能得到任何帮助，我将不胜感激!谢谢。

Answer 1

这个问题现在已经解决了。在删除和调整文件并在支持论坛中筛选答案后，我查看了样式表。事实证明我在媒体查询中缺少一个右括号。

/捂脸...