1. 程式人生 > >body中font-size:62.5%,但是用em設定input尺寸偏大是什麼原因

body中font-size:62.5%,但是用em設定input尺寸偏大是什麼原因

在設計彈性佈局時,有這樣一種用法,設定

body {
    font-size: 62.5%;
}

這樣 1em 大約對應 10px,便於進行佈局。

但是我在用 em 單位設定input框的尺寸時,發現在無縮放的情況下input框的尺寸要大於本該對應的px。通過對 input 的value 設定值可以明顯看出輸入框中的預設字型大小大於body設定的字號。

可以看出,input 並沒有繼承body設定的字號,因此用 em 為單位設定 input 的尺寸時並不是 1em = 10px 的對應關係。