本文主要是介绍CSS之vmin和vmax,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
vh和vm总是与视口的高度和宽度有关,与之不同的,vmin和vmax是与当下屏幕的宽度和高度的最大值或最小值有关,取决于哪个更大和更小
例如,如果浏览器设置为1100px宽、700px高,1vmin会是较小的7px,而1vmax将是较大的11px。然而,如果宽度设置为800px,高度设置为1080px,1vmin将会是较小的8px,而1vmax将会是较大的10.8px
实例1:设想你需要一个总是在屏幕上可见的元素
实例2:如果你需要一个总是覆盖可视窗口的正方形(一直接触屏幕的四条边),使用相同的规则只是把单位换成vmax
这篇关于CSS之vmin和vmax的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!