在响应式网络上工作时，我可以使用％或大众单元的字体尺寸吗？

Question

我必须使用EM或REM单元中的字体尺寸吗？我不能使用％大众单元吗？

语音气泡的宽度为％单位，因此，如果浏览器尺寸减小，字体尺寸固定，则无法匹配语音气泡。因此，我将使用字体大小的大众单元。这是推荐的用法吗？还是如果可能的话，我们应该避免这样做？我应该使用EM或REM单元吗？

我使用了％单位，因此即使是100％，字母也太小。如果我使用大众单元，则字体大小准确出现，但是如果我使用大众单元，如果水平分辨率超过1920及更大，会出现问题吗？车身标签的最大宽度值是我创建的网站上的1920px。

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
值：＆lt; absolute-size＆gt; | ＆lt;相对大小＆gt; |
＆lt;长度度[0，∞]＆gt; |数学

• ＆lt; absolute-size＆gt;

a ＆lt; absolute-size＆gt;关键字是指字体表中的条目
用户代理计算和保留的尺寸。可能的值是：

  [xx-small | X-Small |小|中等大| X-Large | xx-large] 
 

• ＆lt;相对大小

a ＆lt;相对size＆gt;关键字是相对于表
字体尺寸和父元素的计算“字体大小”。
可能的值是：

  [较大|较小]
 

例如，如果父元素的字体大小为“介质”，则
“较大”的值将使当前元素的字体大小为
'大的'。如果父元素的大小不靠近表条目
用户代理可以免费插入表格或圆
到最接近的一个。用户代理可能必须推断表
值如果数值超出关键字。

• ＆lt; length-gtence＆gt;

长度值[CSS-VALUES]指定绝对字体大小
（独立于用户代理的字体表）。负长度为
无效。

百分比值指定相对于的绝对字体大小
父元素的字体大小。使用百分比值或值
EMS会导致更健壮和层叠的样式表。消极的
百分比无效。

相对于视口尺寸的单位不支持。