css vm用法介紹

antzone發表於2017-04-10
CSS

它是一個相對單位，相對於視口的寬度。

視口被均分為100份，那麼1vm的尺寸就是視口寬度的百分之一。

瀏覽器支援:

（1）.IE瀏覽器支援此單位。

（2）.谷歌瀏覽器支援此單位。

（3）.火狐瀏覽器支援此單位。

（4）.opera瀏覽器支援此單位。

（5）.safria瀏覽器支援此單位。

特別說明:只有IE9和IE9以上的瀏覽器支援。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css">
div{
  font-size:5vm;
}
</style>
</head>
<body>
<div class="first">如果視口的寬度是1000px，那麼5vm就是50px</div>
</body>
</html>

相關文章