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>