码迷,mamicode.com
首页 > Web开发 > 详细

jQuery mobile 前台设计中的css em的使用。

时间:2014-08-21 13:07:44      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   使用   ar   2014   art   div   

先贴个网址:http://www.uml.org.cn/html/201207311.asp

 大家可以参考一下面这张转换表(body字体为16px时的值)

bubuko.com,布布扣

 

总结

长篇介绍了一大堆,唯一想告诉大家的是以下几点

1、浏览器的默认字体大小是16px

2、如果元素自身没有设置字体大小,那么元素自身上的所有属性值如“boder、width、height、padding、margin、line-height”等值,我们都可以按下面的公式来计算

1 ÷ 父元素的font-size × 需要转换的像素值 = em值

3、这一种千万要慢慢理解,不然很容易与第二点混了。如果元素设置了字体大小,那么字体大小的转换依旧按第二条公式计算,也就是下面的:

1 ÷ 父元素的font-size × 需要转换的像素值 = em值

那么元素设置了字体大小,此元素的其他属性,如“border、width、height、padding、margin、line-height”计算就需要按照下面的公式来计算:

1 ÷ 元素自身的font-size × 需要转换的像素值 = em值

这样说,不知道大家理解了整明白了没有,如果没有整明白,可以回过头来看上面的一个实例。

 

   

jQuery mobile 前台设计中的css em的使用。,布布扣,bubuko.com

jQuery mobile 前台设计中的css em的使用。

标签:style   blog   http   使用   ar   2014   art   div   

原文地址:http://www.cnblogs.com/xiaoxiao2014/p/3926785.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!