Css 在100vw(100%宽度)下,将px/em/rem转换为vw的计算是什么?

Css 在100vw(100%宽度)下,将px/em/rem转换为vw的计算是什么?,css,Css,将45px/45em/45rem转换为100vw(100%宽度)中的vw的计算是什么?可以用css来完成吗 font size:calc(100vw中45px到vw的计算); 字体大小:calc(100vw中45em到vw的计算); 字体大小:calc(以100vw计算45rem至vw) .ha{ 字体大小:calc(100vw/45); } Hello World可以使用JAVASCRIPT完成。为什么不使用css的media属性根据设备的分辨率更改字体大小,默认值如下。text{font

将45px/45em/45rem转换为100vw(100%宽度)中的vw的计算是什么?可以用css来完成吗

font size:calc(100vw中45px到vw的计算);
字体大小:calc(100vw中45em到vw的计算);
字体大小:calc(以100vw计算45rem至vw)
.ha{
字体大小:calc(100vw/45);
}

Hello World
可以使用JAVASCRIPT完成。为什么不使用css的media属性根据设备的分辨率更改字体大小,默认值如下。text{font size:2rem}@media(最大宽度:960px){.text{font size:1rem}尝试了解更多关于css中的媒体查询,这将非常有帮助。这意味着什么?字体大小是否与视口宽度成比例?@Ry,是的。应该是这样。你的答案在45px上有效,但在其他方面我有问题。对于快速查看,这里是链接。请求按钮为18px,登录/注册为16px,菜单为15.5px。检查图像。我想要顶部和菜单区域,如上图所示。明白了。只需在calc内部添加*1px。在您的分区之后,如下所示。字体大小:calc(100vw/15.5*1px);因为问题在于calc(100vw/15.5),所以您只会得到一个没有单位的数字。CSS不能仅将数字显示为宽度。这就像你设置宽度:5.5,这显然不起作用。