游客

标题:css2和css3中长度单位px和em,rem的定义与区别
正文:
国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？简单的说：px是：相对长度单位。像素（Pixels）。1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96pxem是：相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。rem是：相对长度单位。相对于根元素(即html元素)font-size计算值的倍数。比如：我们定义如下，那么相对的font-size就是不同屏幕宽度的font-size，从而达到适配/* 适应窗口大小 */@media screen and (max-width: 374px) { *{ font-size: 16px; line-height: 16px; }}@media (min-width:480px) and (max-width:639px){ *{ font-size: 24px; line-height: 24px; }}@media screen and (min-width: 640px) { *{ font-size: 32px; line-height: 32px; }}PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。 px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) 任意浏览器的默认字体高都是
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页