为什么viewBox宽是100，给文字设置font-size=12会刚刚占满空间

同学你好，对于你的问题解答如下：

1、100是viewbox中的宽度，svg显示的时候会把100像素的viewBox等比放大成窗口的大小。

2、经过测试，当字体为227px时，可以实现文字铺满整个窗口，老师在上一条回答中解释过，如下图所示：

由于svg显示时是等比放大的，所以通过227px反推出svg中文本的字体大小为12px，参考下图理解：

祝学习愉快~

​

同学你好，可以这样计算。可以先写一个普通元素，例如p标签，然后设置字体大小，设置加粗样式。水平方向上铺满大概为227px（老师显示器分辨率为1920）

​

然后计算227*100/1887结果为12.03，所以设置12px字体大小差不多水平铺满。

100是viewbox中的宽度，1887是（1920-垂直方向上滚动条宽度-body外边距）页面的宽度。这里了解一下即可。

祝学习愉快！