css中常见的单位

css中常见的单位

1. px
表示像素,是绝对单位,不会因为其他元素的尺寸变化而变化,页面按照精确像素展示。div { font-size:10px; }
2. pt
即磅 Points,是一种绝对单位,是物理长度单位,等于 1/72 寸。它的取值范围和 px 类似。div { font-size:10pt; }
3. em
兼容性和pt一样。em特点:
(1)em的值并不是固定的
(2)em会继承父级元素的字体大小
表示相对于父元素的字体大小,em是相对单位,没有一个固定的度量值,而是由其他的元素来决定的相对值。div { font-size:10em; }
4. rem
相对单位,相对根节点html的字体大小来计算,css3新加属性,chrome/firefox/IE9+支持。
5. vw
表示viewpoint width,视窗宽度。
6. vh
表示viewpoint height 视窗高度。
7. vmin
表示vm和vh中较小的那个。
8. vmax
表示vw和vh中较大的那个。
9. in
表示英寸。
10.ch
数字0的宽度, 1ch 就是数字 0 的宽度。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,715评论 1 92
  • Page 1: 1.已知一个数字列表,求列表中心元素。 3.已知一个数字列表,输出所有奇数下标元素。 4.已知一个...
    棠球球阅读 3,118评论 0 0
  • 集合 集合就是一个容器,类似于数组,但是数组的长度创建后,是不可变的。而容器的长度是可以改变的,集合是储存对象,所...
    小破孩_e9ce阅读 1,855评论 0 0
  • perl 学习感想: 从7月10号入职至今,已经完成了三道练习题。自上周完成两道之后,本以为这周可以飞速完成剩余题...
    Bio小盼阅读 2,523评论 0 0
  • 经过昨日和云的协议,我和她算是暂时的化解分手带来的尴尬,云也开始正常接我的电话,甚至可以接到她的电话。今天是周末她...
    冬阳桑梓阅读 1,576评论 0 0

友情链接更多精彩内容