码迷,mamicode.com
首页 > Web开发 > 详细

css单位

时间:2018-01-19 14:01:18      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:最大值   body   设置   img   vmax   分享图片   最大   分享   字体   

1、px

2、em

3、rem

4、vw,wh:表示宽度的1/100 和 高度的1/100; 浏览器的高是900px,1vh求得的值为9px。兼容性 https://caniuse.com/#feat=viewport-units

5、vmin,vmax:vminvmax是与这次宽度和高度的最大值或最小值有关,取决于哪个更大和更小。例如,如果浏览器设置为1100px宽、700px高,1vmin会是7px,1vmax11px。然而,如果宽度设置为800px,高度设置为1080px1vmin将会等于8px1vmax将会是10.8px。兼容性:https://caniuse.com/#feat=viewport-units

6、ex,eh:ex是字体高度的一半大小,技术分享图片兼容性很好。

      eh是一个字体的宽度的大小。10eh就是能装下10个字。

https://www.quirksmode.org/css/units-values/#t00  字体兼容性查询。

 

css单位

标签:最大值   body   设置   img   vmax   分享图片   最大   分享   字体   

原文地址:https://www.cnblogs.com/gaidalou/p/8315973.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!