幫助中心

默認尺寸

默認情況下，元素的大小是根據裡面的內容自動調整的

PX（像素）

像素值可以與圖像和其他有指定像素值的元素比例縮放

%（百分比）

百分比指的是元素在父元素裡所佔的比例大小

em

當您想在一個有文字的元素上設置比例填充時，Ems就很實用。

每個瀏覽器都有一個默認的字體大小，通常為16px。 Ems查看它們的父元素並按比例調整字體大小。

假設一個字體是16像素： 1個em是16像素 2個ems=32像素 1.5個ems=24像素

您也可以在一個段落的父元素上設置字體大小，比如Div：

1. 選擇父元素

2. 在樣式面板中的"排版"下，改變字體大小（例如：20像素）。

當父元素為20像素時： 1個em=20像素 2個ems=40像素 3個ems=60像素

rem

Rems是相對於HTML字體大小而言的。

Rem的計算方法是將Rem值乘以HTML字體大小（它依循瀏覽器的字體大小，除非您在代碼中手動改變它），這樣做的好處是尊重用戶的瀏覽器偏好。

vh/vw

• vw = view width
• vh = view height

VW是對瀏覽器視窗寬度的測量，根據視口的寬度按比例進行縮放。

1vw =視口寬度的1% 

VH是對瀏覽器視窗寬度的測量，根據視口的高度按比例進行縮放。

1vh = 視口高度的1%