【发布时间】：2014-12-16 21:47:07
【问题描述】：
我的网站确实适合不同设备的屏幕，但我的媒体查询样式不起作用。在 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
我完全不知所措和沮丧，因为我设计和构建的其他网站没有发生这种情况。我会很感激我能得到的任何帮助！谢谢。
【问题讨论】：
-
启动仿真后你刷新页面了吗？
-
是的，我经常硬刷新（Ctrl+F5？）并清除缓存以确保。
-
不带
max-device-width参数试试 -
我删除了所有对
max-device-width的引用，但不幸的是这没有奏效。不过谢谢你的建议:) -
您是否尝试删除“仅屏幕”语句？如果您将查询缩短到 @media (max-width:XXXpx) {...}，是否会出现同样的问题？
标签： css wordpress responsive-design