文章出處
文章列表
先貼個網址：http://www.uml.org.cn/html/201207311.asp
大家可以參考一下面這張轉換表(body字體為16px時的值)
|
總結 長篇介紹了一大堆，唯一想告訴大家的是以下幾點 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值 這樣說，不知道大家理解了整明白了沒有，如果沒有整明白，可以回過頭來看上面的一個實例。 |
文章列表
全站熱搜
留言列表
