CSS之vmin和vmax
分类:
文章
•
2024-02-18 18:12:40
vh和vm总是与视口的高度和宽度有关,与之不同的,vmin和vmax是与当下屏幕的宽度和高度的最大值或最小值有关,取决于哪个更大和更小
例如,如果浏览器设置为1100px宽、700px高,1vmin会是较小的7px,而1vmax将是较大的11px。然而,如果宽度设置为800px,高度设置为1080px,1vmin将会是较小的8px,而1vmax将会是较大的10.8px
实例1:设想你需要一个总是在屏幕上可见的元素
实例2:如果你需要一个总是覆盖可视窗口的正方形(一直接触屏幕的四条边),使用相同的规则只是把单位换成vmax