css CSS视口单元

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css CSS视口单元相关的知识,希望对你有一定的参考价值。

vh - viewport height
vw - viewport width
vmin - viewport min
vmax - viewport max

1 viewport unit = 1% of the viewport axis
So, 1vh = 1% of the total viewport height
And, 1vmin = 1vh or 1vw, whichever is smaller
And, 1vmax = 1vh or 1vw, whichever is larger

setting font-size: 3vw; = setting one char to 3% of the viewport width

以上是关于css CSS视口单元的主要内容,如果未能解决你的问题,请参考以下文章

视口单元在 Cordova 移动应用程序中不起作用

使 CSS 悬停在视口内

当元素进入视口时应用 CSS 过渡 [关闭]

Jquery在滚动'X'视口高度后添加CSS类

Flexbox 中的 CSS Grid 仅在 Chrome 上无法正常工作

我们可以使用屏幕分辨率而不是视口来应用 CSS 吗?