Css 响应性设计。在em中设置最小宽度

第一个例子：

@media only screen and (min-width: 400px) {
body { background-color: blue; }
}

规则将与更多屏幕400px的扩展一起使用

今天，我们以不同的方式设定规则：

@media only screen and (min-width: 40em) {
body { background-color: blue; }
}

使用40em的想法是什么。。。？它甚至不是一个固定的宽度。在什么条件下适用此规则

---

何时使用此规则？

假设任何给定的像素大小都有意义，因为断点可能是危险的-特别是当涉及文本缩放、视网膜显示等时。基于em的查询是一种根据屏幕上以文本形式显示的信息量更改布局的方法。有许多文章解释了这一点；这里有一个好消息：保罗·鲁布谢谢你。