微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css100vh是什么意思

你是否曾经遇到过使用CSS时需要制定高度的情况?

css100vh是什么意思

在某些情况下,你可能会想要使页面元素的高度占据整个视口的高度,这就是CSS中的100vh单位出现的原因。

    height: 100vh;

这行代码告诉浏览器将元素的高度设置为视口高度的100%。100表示100%,vh表示视口高度。vh是视口的单位,等于1/100的视口高度。

此样式语法适用于绝大多数浏览器,以及所有移动设备和平板电脑。根据需要使用适当的后向兼容策略,可以确保页面在旧版浏览器中以最佳方式显示

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。