CSS3 vmax的用法

时间:2023-03-09 03:06:24
CSS3 vmax的用法

1. calc()

calc():在流体布局上,可以通过calc()计算得到元素的宽度。

2. vw/vh/vmin/vmax的使用

vw/vh/vmin/vmax是视窗单位,也是相对单位。相对的不是父节点或页面的根节点,而是由视窗(viewport)的大小决定的,单位1,代表类似于1%。

视窗是浏览器实际显示内容的区域。

vw:视窗宽度百分比;

vh:视窗高度百分比;

vmin:当前vw和vh中较小的一个值;

vmax:当前vw和vh中较大的一个值;

vmin、vmax的作用:在做移动端页面开发时,会使得文字大小在横竖屏下保持一致。