css vm用法介绍

快乐打工仔 分类:实例代码

它是一个相对单位,相对于视口的宽度。

视口被均分为100份,那么1vm的尺寸就是视口宽度的百分之一。

浏览器支持:

(1).IE浏览器支持此单位。

(2).谷歌浏览器支持此单位。

(3).火狐浏览器支持此单位。

(4).opera浏览器支持此单位。

(5).safria浏览器支持此单位。

特别说明:只有IE9和IE9以上的浏览器支持。

代码实例:

<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>前端教程网</title> 
<style type="text/css">
div{
  font-size:5vm;
}
</style>
</head>
<body>
<div class="first">如果视口的宽度是1000px,那么5vm就是50px</div>
</body>
</html>

回复

我来回复
  • 暂无回复内容