2014-10-08 184 views
-1

爲什麼div邊框大小在字體大小增加時增加。當我增加字體大小div邊框的大小也在增加

這裏是鏈接到JS小提琴:

LINK TO JS FIDDLE: http://jsfiddle.net/krishna22211/m14qms52 

+3

這是因爲您使用ems作爲邊框的度量單位,這與字體大小有關,所以當您增加字體大小時邊框也會增加。 – KBorja 2014-10-08 07:54:55

+0

感謝您的回覆....現在我明白了。 – Krishna 2014-10-08 08:01:35

回答

3

EM單位相對於字體大小。由於您的邊框寬度以em爲單位,因爲您的字體大小會增加,邊框也會增加。

如果您不想要這種行爲,只需不要使用em單位作爲邊界(因爲您希望它們固定大小)。

+0

哦謝謝..我不知道這種關係。 – Krishna 2014-10-08 07:58:51

0

簡而言之,您將Em用作與許多其他測量相關的東西相關的單位,字體大小是其中最重要的。改變一種尺寸或尺寸會影響另一種尺寸。 即使我更喜歡在大多數情況下使用em,因爲它在分辨率發生顯着變化或者嘗試「放大」時不會對設計造成太大影響(在放大或縮小時使用em工作方式的firefox站點) 。

0

min-height:100px;有指沒有上限和高度是汽車, 使用

max-height:100px;overflow-y:scroll; 

然後邊界不會增加。