用于响应式设计的HTML大小单位

Question

自从我5年前做了我的第一个严肃的网站项目以来，我一直在使用我的字体大小和宽度以及诸如此类的东西。我非常擅长它。我已经阅读了关于rem的内容，如果不是因为IE缺乏或仅部分支持它，那对我来说就是这样。

我所问的是现在响应式网页设计的事实上的单位是什么，以及他们如何与之竞争呢？

更新：所以没有真正的事实单位，尽管em，rem，vh，vw和％all都可以用于响应式网页设计。使用您认为合适的装置。

Answer 1

网络开发没有事实。 对于宽度，高度，填充，边距等...我使用%或有时使用视口相对单位（vh，vw）进行实验，因为浏览器支持。对于与font-size等字体相关的内容，我使用em或rem，对于line-height我使用无单位方法。但你对像素也很好。在这个移动设备，平板电脑，平板设备时代，相对单位（%,vw,vh,em,rem等...）的规模更大。使用你感到舒服的任何东西。

Answer 2

视口单元现在用于响应式网站，因为它使用媒体视口分辨率大小进行测量。它们是：vw，vh，vmin，vmax。

1vw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, whichever is smaller
1vmax = 1vw or 1vh, whichever is larger

见下图，字体大小如何以不同的大小响应：

source

但使用它时要小心：see can i use viewport units?