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

Question

第一个例子：

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

规则适用于扩展程序更多屏幕400px。

今天遇到了一种不同的风格来设定规则：

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

使用40em的想法是什么？它甚至没有固定的宽度。在什么条件下适用这条规则？

何时使用此规则？