Please enable JavaScript.
Coggle requires JavaScript to display documents.
相對單位 (限制彈性 ((min-width, max-width), 設定最大值 (保證圖片清晰度), 設最小值 (給表單使用…
相對單位
限制彈性
min-width
max-width
設定最大值
保證圖片清晰度
設最小值
給表單使用
不會小到看不清楚
換算絕對單位
target ÷ context = result
目標子/父件
將設計稿轉為網頁
Viewport 相對單位
例子
vw
vh
vmin
以長寬兩者小較小者為基準
vmax
以長寬兩者小較小者為基準
單位會隨著 viewport 尺寸一同縮放
百分比
可隨viewpoint縮放
em 字體相對單位
父元素的 font-size 為基準
1em
等同父元素
0.5em
父元素的一半