vw 會包含捲軸寬度嗎？

會。vw 以 viewport 寬度計算，在有垂直捲軸的桌面瀏覽器中，100vw 會比實際可見的內容區稍寬，可能造成水平溢出。需要精準避開時可改用 100% 或 dvw 這類新單位。

字級適合直接用 vw 嗎？

不建議單獨使用。純 vw 字級在極小或極大的視窗下會失控，而且使用者放大字體時完全沒有反應。建議改用 clamp() 把 vw 夾在最小與最大值之間，並保留一個 rem 常數項。

CSS / FRONTEND · 瀏覽器內處理

依設計稿的視窗尺寸，把像素換算成 vw 與 vh。

以你填入的設計稿寬高為基準計算，1vw 等於視窗寬度的百分之一。

填入設計稿實際使用的畫布寬高，換算才會對應到正確比例。

設計稿寬度

設計稿高度

像素值

VW 值

對應像素144px

VW（依寬度）4.4444vw

VH（依高度）7.1111vh

設計稿通常以固定寬度（例如 1440px）繪製，要改寫成隨視窗縮放的版面時就需要把像素換成 vw。填入設計稿的寬與高，再輸入像素值，就會同時得到 vw 與 vh 兩種結果，也可以反過來把 vw 換回像素確認實際大小。

所有計算與預覽都在這個瀏覽器內完成，輸入不會上傳、不會保存，也不會寫進網址或紀錄。

vw 會包含捲軸寬度嗎？: 會。vw 以 viewport 寬度計算，在有垂直捲軸的桌面瀏覽器中，100vw 會比實際可見的內容區稍寬，可能造成水平溢出。需要精準避開時可改用 100% 或 dvw 這類新單位。
字級適合直接用 vw 嗎？: 不建議單獨使用。純 vw 字級在極小或極大的視窗下會失控，而且使用者放大字體時完全沒有反應。建議改用 clamp() 把 vw 夾在最小與最大值之間，並保留一個 rem 常數項。