em 一直是响应式设计中最受欢迎的单位，但是它有一些问题。随着越来越多的人投身于响应式设计中，他们意识到使用 em 可能会导致问题，特别是在处理媒体查询的时候。这篇文章探讨了为什么应该停止使用em，并介绍了新的更高效的替代方案。
使用 em 单位编写媒体查询可能会导致一些问题，例如：无法正确适应浏览器缩放，因为 em 单位不适合响应式布局。相反，使用更直观的单位：像素（px），可以更好地适应不同的设备尺寸。另外，em 还可能与字体大小有关，导致在不同设备上的网站显示效果不统一。
需要注意的是，传统的媒体查询并不能完美解决问题。新的方案是使用 CSS 变量来定义媒体查询中使用的值，这将使设计师更轻松、更高效地编写响应式 CSS。注意，这种方法需要先测量设备，以便在不同的屏幕上达到最佳效果。
总的来说，停止使用 em 单位可以使设计师在响应式设计中更高效地工作，并且能够实现更一致的显示效果。在新的方案下，CSS 变量可以帮助设计师更灵活地编写响应式的 CSS，以更好地适应不同设备的需求。这是一个值得尝试的方法，有助于设计师更好地编写响应式网站。
了解更多有趣的事情：https://blog.ds3783.com/