& vh 属性...

转载于 2017-04-04 10:08:00 发布 · 86 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tongbiao/p/6664372.html

本文介绍了CSS3中的视口高度单位vh的使用方法及兼容性情况。vh是一种相对于视口高度的单位，当视口高度变化时，使用vh设置的元素尺寸也会相应变化。

1.

vh

补充完善,提交问题欢迎微博上 @愚人码头

相对于视口的高度。视口被均分为100单位的vh

示例代码：

h1 { font-size: 8vh; }

如果视口的高度是200mm，那么上述代码中h1元素的字号将为16mm，即(8x200)/100

IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
6.0-8.0	2.0-18.0	4.0-25.0	3.1-5.1	15.0+	3.2-5.1	2.1-4.3	18.0-25.0
9.0+	19.0+	26.0+	6.0+	15.0+	6.0+	4.4+	26.0+

转载于:https://www.cnblogs.com/tongbiao/p/6664372.html