網頁元素 字型相對單位

2021-09-08 19:22:39 字數 612 閱讀 7953

rem 相對html的font-size單位,在使用rem前要先設定根元素的單位:

/*根元素

*/html

/*使用時

*/p //32px

em 相對當前物件文字單位尺寸,如果當前物件沒有設定預設文字尺寸,則相對於瀏覽器預設字型尺寸

/*當前物件尺寸

*/body

/*使用時

*/p //32px

vw / vh && vmax / vmin 相對於當前視窗的寬度 / 高度 && 最大值 / 最小值,查詢當前視窗的寬度的命令為:screen.width / height

如果當前視窗的寬度為2400,那麼使用vw後元素的尺寸為:2400 * 5vw / 100 = 120

/*當前視窗尺寸

*/在瀏覽器的console中查詢:screen.width

/*使用時

*/p //120px

ex 相對於字元 「 x 」的高度,通常字型為高度的一半。如果當前行內文字的大小沒有設定,就相對於預設瀏覽器的字型的高度

/*當前字型的大小

*/h1

/*使用時

*/.x //8px

網頁元素 字型相對單位

rem 相對html的font size單位,在使用rem前要先設定根元素的單位 根元素 html 使用時 p 32px em 相對當前物件文字單位尺寸,如果當前物件沒有設定預設文字尺寸,則相對於瀏覽器預設字型尺寸 當前物件尺寸 body 使用時 p 32px vw vh vmax vmin 相對於...

網頁字型相對應的號碼(初學)

七号 5.25pt 1.845mm 六號 7.875pt 2.768mm 小五號 9pt 3.163mm 五號 10.5pt 3.69mm 小四號 12pt 4.2175mm 四號 13.75pt 4.83mm 三號 15.75pt 5.53mm 二號 21pt 7.38mm 一號 27.5pt 9...

CSS 單位 絕對單位 相對單位

我們對單位很熟悉,比如說,千克,千公尺,公尺等,這些就是絕對單位,我們又有聽到太陽的質量等於33個地球,這個就是相對單位。在css中,單位也可以分為這兩類。在第二個box裡,300px的小框跟上面的框的300px一樣長,而第二個框裡面的50 跟第乙個框的50 為不一樣,這個就很好的解釋了相對單位和絕...