我正在尝试使用媒体查询来使divs的宽度为较小的屏幕的100％。但是，媒体查询似乎不适用于我的CSS文件。我的css文件的部分代码如下：
@media all and (max-width: 500px) {
body {
background-color:lightblue;
}
}
@media all and (min-width: 500px) {
body {
background-color:red;
}
}
但是，看不到背景颜色的变化。当我将媒体查询放在html文件上时，它似乎可以工作。
<link rel="stylesheet" <!-- media="only screen and (max-device-width: 480px)" -->type="text/css" href="dec.css">
但是，当我将代码放在CSS文件中时，它根本无法正常工作。我正在使用IE 11进行测试。谁能告诉我原因？
您是否在其他浏览器上检查是否正常？
如果是，请执行以下操作：在CSS中尝试将@media all ...更改为@media屏幕。
如果不是，请检查CSS文件的路径。仅使用@media尝试简单的CSS文件...也许您在CSS中有错误（部分未向我们展示）。
尝试在颜色名称后添加！important。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句