vmin中字体的大小,以容器的百分比表示

时间:2017-05-03 20:19:27

标签: css

在一个班级项目上工作,我们全班同学,包括我们的老师,都很难过。我们用html,css和javascript制作计算器。问题涉及CSS。我们将计算器设置为高度:50vmin和宽度:50vmin。

然后我们将font-size设置为5vmin,期望它是容器高度的10%。相反,字体大小约为高度的11-12%或更多。例如,在我的屏幕上,容器是323.5像素,字体大小是37.981像素。这不包括填充或边距:它本身就是字体大小。有谁知道为什么字体不会出现10%?有5行按钮,加上边距和填充,它会产生很大的不同。

谢谢!

1 个答案:

答案 0 :(得分:0)

font-size: 10vh;

1vh =视口高度的1%