将字体大小设置为 CSS 每个等宽字符正好 x/window.width
Setting font-size to result in exactly x/window.width per monospace character with CSS
- 我有这个字符串行，例如正好有 100 个字符。
- 我想设置它的字体大小，使从网页的第 0 像素开始的线条恰好在最后一个像素结束。
- 字体是等宽的，所以我假设我的目标是将字体大小设置为 window 大小的 1/100。
问题：
* font-size指的是字体的高度！我不应该期望等宽字体在宽度和高度方面是方形的吗？
一次尝试：
<body>
<span>
123456789_123456789_123456789_123456789_123456789_123456789_123456789_123456789_123456789_123456789_
</span>
</body>
body {
margin: 0;
font-family: monospace;
}
span {
font-size: 1vw;
}
这并没有产生想要的结果。但是，设置 font-size: 1.82 确实导致了它。但是我想使用这样一个随机比率设置有点不稳定，我很想知道是否有更好的方法来解决这个问题。
第一步是不要使用 font-family: monospace，因为您 保证 在不同的 browser/OS 组合上获得不同的字体。所以使用真正的字体，这会导致...
第 2 步：使用您从自己的服务器加载为 Web 字体的真实字体，这样您就可以控制人们将使用的字体的确切版本。因为假设每个人的 OS 上都存在字体，或者甚至假设类似 google 的字体将始终只发送一个确切的版本，所以仅按名称使用字体也肯定会失败。
然后第 3 步：查看您选择的等宽字体使用的 em 大小和字形宽度，这样您就可以根据您知道适用的值来设置字体大小 每个 用户，因为您已确保确切 将使用哪种字体来设计您的内容。
- 我有这个字符串行，例如正好有 100 个字符。
- 我想设置它的字体大小，使从网页的第 0 像素开始的线条恰好在最后一个像素结束。
- 字体是等宽的，所以我假设我的目标是将字体大小设置为 window 大小的 1/100。
问题： * font-size指的是字体的高度！我不应该期望等宽字体在宽度和高度方面是方形的吗？
一次尝试：
<body>
<span>
123456789_123456789_123456789_123456789_123456789_123456789_123456789_123456789_123456789_123456789_
</span>
</body>
body {
margin: 0;
font-family: monospace;
}
span {
font-size: 1vw;
}
这并没有产生想要的结果。但是，设置 font-size: 1.82 确实导致了它。但是我想使用这样一个随机比率设置有点不稳定，我很想知道是否有更好的方法来解决这个问题。
第一步是不要使用 font-family: monospace，因为您 保证 在不同的 browser/OS 组合上获得不同的字体。所以使用真正的字体，这会导致...
第 2 步：使用您从自己的服务器加载为 Web 字体的真实字体，这样您就可以控制人们将使用的字体的确切版本。因为假设每个人的 OS 上都存在字体，或者甚至假设类似 google 的字体将始终只发送一个确切的版本，所以仅按名称使用字体也肯定会失败。
然后第 3 步：查看您选择的等宽字体使用的 em 大小和字形宽度，这样您就可以根据您知道适用的值来设置字体大小 每个 用户，因为您已确保确切 将使用哪种字体来设计您的内容。