移动端网站建设的方案,外贸自助建站哪个好,怎么做微帮网站,东阳便宜自适应网站建设优惠移动端字体单位有哪些#xff1f;他们的兼容性如何#xff1f;他们的特点#xff1f;1.移动端字体单位现在主要有 em 、rem 、px 2.兼容性请传送点击这里 em: em是相对长度单位。相对于父元素设置的字体大小。em相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸…移动端字体单位有哪些他们的兼容性如何他们的特点 1.移动端字体单位现在主要有 em 、rem 、px 2.兼容性请传送点击这里 em: em是相对长度单位。相对于父元素设置的字体大小。em相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)em的值并不是固定的。em会继承父级元素的字体大小。例如 父元素div 的字体设置为16px 那么div中的字元素p标签或者其他标签的1em 就相当于16px。所以我们在写CSS的时候需要注意以下几点 body选择器中声明Font-size62.5%(为什么偏偏是62.5%呢这主要是为了方便em与px相互转换em的初始值为1em16px显然这样的话如1.2em则19.2px可是我们在设置的时候很少看见19.2px这样表示的大小也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时1em则16px*62.5%10px,1.2em则12px这是不是就简单多了准确多了呢~~)将你的原来的px数值除以10然后换上em作为单位重新计算那些被放大的字体的em数值。避免字体大小的重复声明。也就是避免1.2 * 1.2 1.44的现象。比如说你在#content中声明了字体大小为1.2em那么在声明p的字体大小时就只能是1em而不是1.2em, 因为此em非彼em它因继承#content的字体高而变为了1em12px。rem: rem是CSS3新增的一个相对单位root em根em这个单位引起了广泛关注。这个单位与em有什么区别呢区别在于使用rem为元素设定字体大小时仍然是相对大小但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身通过它既可以做到只修改根元素就成比例地调整所有字体大小又可以避免字体大小逐层复合的连锁反应。在这里为大家提供一个px,em,rem单位转换工具传送门px: px像素Pixel。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)IE无法调整那些使用px作为单位的字体大小Firefox能够调整px和emrem但是多数的中国网民使用IE浏览器(或内核)。 总结 在移动端你可以根据你的项目来决定使用px em 或者rem前提是你知道他们的特点如果使用rem的话那么改版更加容易只需要修改跟元素的字体大小整个dom树上的元素的字体大小都会改变不建议使用em 因为em 会继承父亲元素的字体不熟练的人会造成字体大小失控的问题不管是用em rem 还是px 都不会跟随手机浏览器大小的改变而改变都需要进行额外的操作比如 media 或者js计算跟元素大小《适用于rem》转载于:https://www.cnblogs.com/ling-du/p/5733838.html
