当在元素的显着不同外观之间切换时，比如移动菜单和桌面菜单，我通过在查询中使用max-width一个小于另一个min-width的像素来隔离它们
@media screen and (max-width: 767px) {...}
@media screen and (min-width: 768px) {...}
这意味着我不必担心意外行为，因为我忘了重置元素'display'或'position'，如果它们不同，它可能会使css变小。
如何使用em完成同样的工作？
1em的差异显然很大，而.0625em如果基数是16px则很好，使用em的整个想法是，这不是必要的基础和意志在较高的字体大小上造成无格式的差距。
定义max-width: X.999em或类似内容不起作用，因为浏览器会根据其精度和字体大小对其进行简化。
由于这必须与IE8一起使用（+ respond.js）calc不是一个选项，但我不确定calc是否可以用于查询。
答案 0 :(得分：0)
如果可以在媒体查询中使用calc（），我也没有打结（但我真的不认为可能）但最终....对于IE8的复古兼容性，有一些js polyfill，像：
无论如何，我发现自己也提到了＃16; 16px＆＃39;值。在这个Website中，有可能在px中转换em，所以...如果你在0.63和1.125之间声明了em的差异，那么你将在＆＃39; 1px＆＃39;间隔