css - 在 100vw(100% 宽度)中将 px/em/rem 转换为 vw 的计算是什么?

标签 css

Image

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

font-size:calc(calculation for 45px to vw in 100vw);

font-size:calc(calculation for 45em to vw in 100vw);

font-size:calc(calculation for 45rem to vw in 100vw);

最佳答案

.ha{
 font-size: calc(100vw / 45);
}
<a class='ha'>Hello World</a>

calc() 函数执行计算以用作属性值。
要计算 vw,我们可以将 100vw 除以您所需的 px。

1px = (100vw / [document.documentElement.clientWidth] px)

e.g. — If your viewport was 500px wide (equals by definition to 100vw) then


viewport width = (100vw / 45px) = 2.2vw

关于css - 在 100vw(100% 宽度)中将 px/em/rem 转换为 vw 的计算是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58669246/

相关文章:

css - Bootstrap 3 折叠菜单失败

css - 增加 col-lg-* 的大小

css - 具有重复不规则图案的纯 flexbox 网格

按钮的 JavaFX 条件 CSS 样式

css - 剪辑路径仅适用于第一个对象;导致他人消失

html - 从 Media query xs chrome 和 firefox 接收 CSS 时出现问题

html - iFrame border-radius 显示视觉间隙

html - 根据宽度调整固定元素的底部属性

html - <nav> 页面左下方

javascript - 允许的 html/css/javascript - 类语法