vh和vm总是与视口的高度和宽度有关,与之不同的,vmin和vmax是与当下屏幕的宽度和高度的最大值或最小值有关,取决于哪个更大和更小

例如,如果浏览器设置为1100px宽、700px高,1vmin会是较小的7px,而1vmax将是较大的11px。然而,如果宽度设置为800px,高度设置为1080px,1vmin将会是较小的8px,而1vmax将会是较大的10.8px

实例1:设想你需要一个总是在屏幕上可见的元素

CSS之vmin和vmax

CSS之vmin和vmax

实例2:如果你需要一个总是覆盖可视窗口的正方形(一直接触屏幕的四条边),使用相同的规则只是把单位换成vmax

CSS之vmin和vmax

CSS之vmin和vmax

相关文章:

  • 2022-12-23
  • 2021-08-15
  • 2021-06-06
  • 2021-05-11
  • 2021-09-06
  • 2021-10-15
  • 2022-01-05
猜你喜欢
  • 2022-12-23
  • 2021-07-08
  • 2022-12-23
  • 2021-09-05
  • 2022-02-18
  • 2022-12-23
  • 2021-10-17
相关资源
相似解决方案