css - 非常简单的媒体查询不起作用

Question

我从其他地方复制了一些媒体查询代码，它们工作得很好，但是当合并到我自己的项目中时，它似乎不起作用。

我查看了以前的 stackoverflow 问题，并尝试实施修复或测试，例如，

通过应用不需要的背景颜色来检查媒体查询是否正常工作，但失败了。我还确保添加视口元标记。

这是我的媒体查询

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 

body { margin: 5px; width: 5px; }

.testimonial {

            background-color: black;
        }


 }

现场页面可以在这里看到（点击推荐，然后点击图片）： http: //krmmalik.com/me/

更新：刚刚和一位同事谈过，他似乎认为媒体查询不起作用的原因是因为推荐内容正在加载到 iframe 中，此时媒体检测没有发生？

Answer 1

我试过了，效果很好。
如果最大宽度应为 479 像素，为什么要将正文宽度设置为 5 像素？

@media screen and (max-width: 479px){
   body { 
     margin: 5px;
   }
   .testimonial {
     background-color: #000;
   }
 }