Html EM是否可以定义为总屏幕宽度的一部分？

有没有可能说一些大致如下的话：

100%屏幕宽度=20ems-或-1em=5%屏幕宽度

其想法是让字体和ems中指定的任何其他内容自动随屏幕缩放

在一个有响应性的布局上工作，我试图避免任何明确的测量；一切都在%开始，但我试图找出一个有效的方法来使用ems以及%。如果我能确定ems与屏幕宽度的比率，那会有所帮助

---

如果这是可能的，那么最小的方法是什么？现在我只使用CSS和HTML。如果可以的话，我宁愿避免使用javascript等。

尽管它在当前浏览器中没有完全的支持，

vw

和

vw

可能是您想要的。请在此处查看：

---

您也可以尝试。

要扩展我之前的评论，这不能用

em

（至少不是纯css）来完成，但是

vw

、

vh

、

vmin

和

vmax

可能值得一看。否则，总会有媒体查询

大众演示：

---

正如哈肯所提到的，视口单位是一种可能性，但并不是真正明智的选择，因为目前的支持很差。最好的方法可能是设置mediaqueries，然后根据不同的屏幕大小调整字体

例如：

@media only screen and (min-width: 1024px) {
  body {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1024px) {
      body {
        font-size: 18px;
      }
    }

---

下面是关于整个viewport和mediaquery主题的一个很好的解释

我认为这不能用

em

（至少不是纯css）来完成，但是

vw

、

vh

、

vmin

和

vmax

可能值得一看。这是一个浏览器支持参考。是的，媒体查询就是答案。视口单位不会有帮助的。谢谢，恐怕这就是答案。我讨厌使用viewport方法，因为它感觉比语言应该能够做到的要笨拙得多。我知道我可以使用Calc将div高度设置为（10%-2em），所以我知道CSS“知道”屏幕宽度中有多少个em。啊。谢谢你的回答，我很感激。