css有几种不同的单位来表示长度。css设置长度的一些属性包括width、height、margin、padding等,长度由数字和单位组成,如10px、2em等,数字和单位之间不能有空格。如果长度值为0,则可以省略单位。对于某些CSS属性,长度可以为负数。有两种类型的长度单位:相对和绝对。相对长度对于某些CSS属性,长度可以是负数。有两种类型的长度单位:相对和绝对。相对长度相对长度单位指定一个长度相对于另一个的属性。更适用于不同相对长度的设备。1.emem是一个相对单位。最初的排版测量是基于当前字体中大写字母“M”的大小。更改font-family时,其大小不会更改,但更改font-size时,其大小会更改。**没有任何CSS规则,1em的长度为:1em==16px==0.17in==12pt==1pc==4.2mm==0.42cm**如果有改变字体大小的CSS规则(否无论在文档中的哪个位置),1em的长度将成为相对于新字体大小的大小。2、remrem和em一样也是一个相对单位,但与em不同的是,rem总是相对于根元素(如:html{}),而不是像em那样使用级联的方式来计算大小。这个相对单位使用起来更简单。3.vwvw是可见区域的宽度单位。1vw等于视口宽度的百分之一。vw的单位类似于百分比,只是vw的值对于所有元素都是相同的,而不管它们的父元素或父元素的宽度。有点像rem单位总是相对于根元素。视点宽度,窗口宽度,1vw=窗口宽度的1%4.vhvh和vw(viewportwidth)单位相同,不同的是vh是相对于可视区域的高度。viewpointheight,窗口的高度,1vh=窗口高度的1%5.vminvmin的值是当前vw和vh的较小值。在标准尺寸类型的用例中,vmin是比自行确定屏幕尺寸的vw和vh单位更有用的指标。6.vmaxVmax取vw和vh中的较大值。7.%长度值的百分比是基于具有相同属性的父元素的长度值。绝对长度绝对长度单位是一个固定值,反映了真实的物理尺寸。绝对长度单位取决于输出介质,不取决于环境(显示器、分辨率、操作系统等)。px像素可能被认为是最好的“设备像素”,这个像素长度与你在显示器上看到的文本屏幕像素无关。px实际上是以度为单位的单位。这里给大家一个地址,可以转换单位http://pxtorem.com/好了,今天就到这里吧,如果觉得对你有帮助,点个关注走吧。如有不足之处请指教vx:bsl521921
