PHP知识、源码、教程、框架、程序分享! -- PHP社区 关于我们 联系我们 联系电话 联系QQ

CSS样式表中8个相对长度单位

发表时间:2013-09-06 点击:

[本文摘要]:CSS样式表 中8个相对长度单位 一、EM高度( EM ) 这是指一个给定的字体高度EM 。在CSS中,烯高度相当于字符框的高度 对于一个给定的字体,这是说,计算出的值的字体大小。埃姆斯可...

CSS样式表中8个相对长度单位

一、EM高度( EM )

这是指一个给定的字体高度EM 。在CSS中,烯高度相当于字符框的高度
对于一个给定的字体,这是说,计算出的值的字体大小。埃姆斯可以用来设置字体的相对大小; ,例如1.2em说120%是相同的。

二、根元素EM高( REM )

这是指EM高度的根元素(HTML和XHTML , HTML元素) 。否则,它是时间的相同。

三、X-高(前)

这是指字体的x高度。然而,绝大多数的字体不包括他们的x-height ,所以许多浏览器近似(很差) ,通过简单的设定1EX等于0.5em 。唯一的例外是IE5/Mac的,它试图确定实际的x-height的字体内部位图一个非常大的“x”和计数像素!

四、零宽度(CH)

这是指一个零(UNICODE +0300 , “零”)在当前字体的家人和尺寸的宽度。

五、像素( PX )

像素是屏幕上的一个小盒子,但CSS定义像素更抽象。 CSS中的术语中,一个像素被定义为大约每英寸96个像素,得到所需的尺寸。许多用户代理忽略赞成这一定义简单的解决显示器上的像素。缩放因素发挥出来时,页面缩放或打印,宽100px的元素可以呈现超过100个设备点宽。

六、视口宽度单位(VW )

就视口的宽度,这是除以100计算单位。如果视口是937像素宽,例如, 1vw是等于9.37px的。如果视口的宽度变化,说通过拖动浏览器窗口更宽或更窄的,大众的价值也随之改变。

七、视口高度单位( VH )

就视口的高度,这是除以100计算单位。如果视口是650像素高,例如, 1VH等于6.5px 。如果视口的高度变化,例如通过浏览器窗口中拖动更高或更矮, VH的价值也随之改变。

八、视口的最小单位(VM )

这个单位是视口的宽度或高度的1/100 ,以较少者为准。因此,给定一个视口宽937像素,高650像素,1VM等于6.5px 。

版权声明:本文系技术人员研究整理的智慧结晶,转载勿用于商业用途,并保留本文链接,侵权必究!

本文链接:http://php.aixc.cn/web/css/156.html

声明:本站技术及源码均为原创,转载请勿用于商业用途,并注明出处及原文链接,侵权必究。