我的网站确实适合不同设备的屏幕,但我的媒体查询样式不起作用。在IE浏览器中调整wordpress website和使用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
将style.css中的@media only screen and (max-width: XXXpx),only screen and (max-device-width: XXXpx)
更改为@media all and (max-width: XXXpx),all and (max-device-width: XXXpx)
根据:Media Queries not working in Internet Explorer 11
我刚刚停用了所有插件,清除了缓存,但仍未成功。
我还尝试按照以下方式验证我的网站并清理错误:Media Query x IE11
我完全不知所措,感到沮丧,因为我设计和制作的其他网站并没有发生这种情况。我很感激我能得到的任何帮助!谢谢。
答案 0 :(得分:2)
此问题现已解决。删除和调整文件并筛选支持论坛以获得答案后,我查看了样式表。事实证明我在媒体查询中缺少一个结束括号。
/捂脸...