【Vue】pc端的Vue项目,想要某个容器内的文字大小,随着窗口大小变化

前情提要:vue项目,有个容器内的文字,当窗口发生变化时,字号也能相应改变。或者容器高度,随着窗口变化而变化。

height: calc(100vw * 540 / 1680); 
//100vw: vm是屏幕的宽度,100%屏幕宽度
//1680: 设计稿的宽度
//540: 表示在1680的设计稿中,高度为540px

当然不光容器的高度可以这样设置,文字大小也同样可以。

font-size: calc(100vw * 28 / 1680);
//在1680的窗口宽度下,文字字号是 28px

calc 设置的尺寸,会随着窗口的变化,重新计算。

你可能感兴趣的:(vue.js,javascript,前端)