关于字体大小的自适应,最近用的很火的就是rem。自从认识了rem,我也用的很起劲,可是在项目实践中,也踩过了一些坑,整理如下,最终发现有一个相对而言比较完美的解决方案。 1、什么是rem?rem是一种长度单位,任何能定义XXpx的地方,都能定义为XXrem。和px固定大小不同,rem是 相对于根元素 ...
分类:
其他好文 时间:
2016-09-07 10:36:30
阅读次数:
160
在平常做网站写代码的时候一般都是使用px,在之前的学习时就略微的学习了一些关于em、rem的知识,但是由于一直没有用到过,所以几乎全部忘记了。今天在研究一些知识的时候用到了em,所以特意将学到的知识总结一下。 1.em em是相对长度单位,相对于当先对象中的字体尺寸。比如在某个div中font-si ...
分类:
其他好文 时间:
2016-09-07 01:31:53
阅读次数:
149
rem是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数htm{font-size: 62.5%;}根元素(html)先设置一个font-size,一般情况下为了容易计算rem的值,会将根元素设置为62.5%,因为默认状态下,浏览器的默认文字大小为16px,16*0.625 ...
分类:
其他好文 时间:
2016-09-04 17:41:43
阅读次数:
633
PX特点 1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分 ...
分类:
其他好文 时间:
2016-09-04 14:26:23
阅读次数:
151
text-indent(文件缩进):长度值(长度单位:px,%,em,in,cm,mm...)word-spacing(单词间隔):长度值letter-spacing(字符间隔):长度值长度单位px:像素,可以简单理解为屏幕上的一个点的长度%:百分比em:一个字符的长度in:英尺(不常用)cm:厘米(不常用)mm:毫米(不..
分类:
Web程序 时间:
2016-09-01 00:31:07
阅读次数:
345
1.长度单位 1)font-style:italic(斜体);normal(正常);oblique(强行斜体,不常用) 2)font-weight:lighter(偏细);bold(加粗);normal(正常) 3)大小:font-size:1~单位用px 4)行高:line-height:1~px ...
分类:
Web程序 时间:
2016-08-22 12:02:50
阅读次数:
147
语法: background-position : length || length background-position : position || position 取值: length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top | ...
分类:
其他好文 时间:
2016-08-17 15:25:45
阅读次数:
121
一,ps和pt转换 px:相对长度单位。像素(Pixel)。(PS字体) pt:绝对长度单位。点(Point)。(iOS字体) 公式如下: pt=(px/96)*72。 二,字体间转换 1in = 2.54cm = 25.4 mm = 72pt = 6pc 具体换算是: Points Pixels ...
分类:
移动开发 时间:
2016-08-10 16:12:42
阅读次数:
197
PX特点 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pixel)。相对长度单位。像素px是相对于显示器屏 ...
分类:
Web程序 时间:
2016-08-08 14:13:53
阅读次数:
171
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位。相对于当前对象内文本的字体尺寸,多理解父级设定font-size的尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) 任意浏览器的默认字体高都是16p ...
分类:
Web程序 时间:
2016-08-06 12:38:40
阅读次数:
222