Css 使用em响应媒体查询

我见过各种各样的媒体查询设计来确定布局，但最近我看到人们使用em来确定屏幕大小

---

这更好吗？为什么？

使用em制作可伸缩的样式表。em是浏览器的相对度量单位，与百分比单位相同

例子

---

EM单位，然后在视口高度超过某个点时更改主体的字体大小。你需要弄清楚em是如何工作的。希望这对你有帮助

我不认为使用

em

是一个好主意，除非设计师想要与响应式设计不同的东西。下面是一篇文章，解释使用ems的好处：

body {
  font-size: 81.25%;
}

@media screen and (min-width: 68em) and (min-height: 53em) {
  body {
    font-size: 87.5%;
  }
}

@media screen and (min-width: 75em) and (min-height: 57em) {
  body {
    font-size: 93.75%;
  }
}

@media screen and (min-width: 80em) and (min-height: 62em) {
  body {
    font-size: 100%;
  }
}