我的网站确实适合不同设备的屏幕,但是我的媒体查询样式不起作用。在IE浏览器中调整wordpress网站的大小以及使用Windows Phone模拟器(通过IE 11)时,该问题也很明显。我尝试了许多不同的方法来解决此问题,但到目前为止没有一个成功。我所有的媒体查询都在我的主要style.css中
我试过了:
更改<meta name="viewport" content="width=device-width">
为<meta name="viewport" content="width=device-width, initial-scale=1">
:自适应Web设计在台式机上运行,但不在移动设备上运行
将@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)
为按以下方式:媒体查询在Internet Explorer 11中不起作用
我刚刚停用了所有插件,清除了缓存,但仍未成功。
我还尝试按照以下方法验证我的网站并清除错误:Media Query x IE11
我完全不知所措,感到沮丧,因为在我设计和构建的其他网站上没有发生这种情况。我将不胜感激!谢谢你。
现在已经解决了这个问题。在删除和调整文件并在支持论坛中筛选答案之后,我查看了样式表。事实证明,我在媒体查询中缺少右括号。
/ Facepalm ...
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句