基于em的定义：
“用于测量印刷品宽度的单位，等于所用类型尺寸的高度。”
这就是它在Firefox中的工作原理（我认为在Safari中）。它会检查font-size属性，然后使用它来确定1 em的大小。在Firefox中，默认字体大小为16px就是我正在使用的。
但是，Chrome和IE似乎忽略了font-size属性。此外，虽然Firefox正确渲染20em，但为了在chrome中创建相同大小的div，我必须使用200em。
我无法理解为什么Chrome / IE会有10倍的差异。
如何在所有浏览器中使我的20em div显示相同？
在这种情况下，通过设置最小高度和最大高度20em来解决我的问题。
Firefox很聪明，可以理解宽度意味着max和min，但chrome不是。
当我使用flexbox时，为什么普通的“width”属性不能同时设置最大值和最小值？