在响应web时，我是否可以使用%或vw单元作为字体大小？

Question

我必须使用字体大小在em或rem单位？我不能用%大众车吗？

语音气泡的宽度为%单位，因此如果浏览器大小减小，字体大小固定，则无法与语音气泡匹配。所以，我将使用大众单位的字体大小。这是推荐的用法吗？或者如果可能的话，我们应该避免这样做吗？我应该用他们还是雷姆单位？

我用了%单位，所以即使是100%，字母也太小了。如果我使用大众的单位，字体大小是准确的，但如果我使用大众单位，如果水平分辨率是超过1920年和更大，会有问题吗？body标签的最大宽度值是在我创建的站点上的192 max。

Answer 1

百分比(%)为css字体大小: 100%等于当前字体大小。可以这样想: 50%是字体大小的0.5倍(半小)，150%是字体大小的150 %。

​

<p style="font-size:100%;">Font 100%</p>
<p style="font-size:50%;">Font 50%.</p>
<p style="font-size:150%;">Font 150%.</p>

​

对于响应性字体，可以使用视口宽度/高度，

​

<h1 style="font-size:8vw;">Hello World</h1>
<p style="font-size:2vw;">Resize the browser window to see how the font size scales.</p>

​

Answer 2

请参阅规格

名称：font-size 值：<absolute-size> \x{e 010}\x{e76f} <relative-size> \x{e76f}\x{e76f}

• <absolute-size>

<absolute-size>关键字是指由用户代理计算和保存的字体大小表中的条目。可能的价值是：

xx-小x-小的，小的，中等的，大的，x-大的，x-大的

• <relative-size>

<relative-size>关键字相对于字体大小表和父元素的计算“字体大小”进行解释。可能的价值是：

越大越小

例如，如果父元素的字体大小为“中等”，则值“更大”将使当前元素的字体大小“较大”。如果父元素的大小不接近表项，则用户代理可以在表项之间插入或舍入到最近的条目。如果数值超出关键字，用户代理可能不得不外推表值。

• <length-percentage>

长度值CSS-值指定绝对字体大小(独立于用户代理的字体表)。负长度无效。

百分比值指定相对于父元素的字体大小的绝对字体大小。在ems中使用百分比值或值会导致更健壮和更可级联的样式表。负百分比无效。

不支持相对于视口大小的单位。