美文网首页
css中常见的单位

css中常见的单位

作者: 薄荷加冰 | 来源:发表于2019-07-28 21:40 被阅读0次

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 的宽度。

相关文章

  • css中常见的单位

    px 这个就不多说了,CSS中最为常用的一种单位,传统上一个像素对应计算机屏幕上的一个点。 百分比% 子元素相对父...

  • CSS常见的尺寸单位

    px(像素 ) 最常用的也是最基本的单位就是px,表示占多少像素值。页面默认是16像素。 em em也是经常用到的...

  • css中常见的单位

    css中常见的单位 1. px表示像素,是绝对单位,不会因为其他元素的尺寸变化而变化,页面按照精确像素展示。div...

  • css中单位

    PX特点 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em...

  • css中的单位

    相对单位vm:相对视图的宽度vh: 相对视图的高度vmax:相对于视图宽度,高度中大的一个vmin:相对于视图宽度...

  • CSS中常见的长度单位

    px, ptem, remvw,vh 1. px(pixel)像素,pt(point)磅 px像素描述了一个屏幕能...

  • web面试相关

    css 1、盒模型 2、flex 3、css单位 4、css选择器 5、bfc 清除浮动 6、层叠上下文 7、常见...

  • 关于使用rem(css3新增),calc()进行自适应布局

    先上结论: 关于css中的单位 我们都知道在css中的单位,一般都包括有px,%,em等单位,另外css3新增加一...

  • CSS之长度单位

    CSS之长度单位 很多CSS属性要靠长度度量衡才能正确显示元素。因此,CSS中有许多长度单位。CSS中的长度单位分...

  • 最全的CSS尺寸单位介绍

    前端开发过程中,尺寸单位是我们必须用到的,下面我们对css中常见的几种尺寸单位px,em,rem,rpx进行逐一介...

网友评论

      本文标题:css中常见的单位

      本文链接:https://www.haomeiwen.com/subject/oacmrctx.html