作者freebug (Freebug)
看板Web_Design
標題[問題] 將css的margin設為百分比時…
時間Fri Mar 10 01:55:40 2017
如果我將margin屬性設為百分比形式
例如:「margin: 10% 15%;」
為什麼它的百分比基準皆以width,也就是寬度來計算?
像上面那個例子
假設其父元件的寬度為200px,高度為500px
那它的左右margin是200px*15%=30px,這無庸置疑是正確的
但照理而言它的上下margin應為500px*10%=50px呀
為什麼它還是以寬度為基準計算百分比呢?(200px*10%=20px)
其原因為何?
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.139.92.197
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1489082142.A.27F.html
1F:推 iamnodoubt: welcome css real world xd03/10 04:30
2F:→ minejel: 因為寬度可以預測,高度隨時變動03/10 07:47
您好,
請問這句話的意思是什麼?
為什麼寬度可以「預測」、高度卻隨時在變動(不可預測)呢?
而且我的父元件寬高都固定了
為什麼會說「高度會隨時變動」呢?
謝謝
3F:→ frostyjoan: 就是規定 XD03/10 08:55
※ 編輯: freebug (101.138.139.51), 03/10/2017 12:21:59
4F:→ minejel: 你在div裡面填上內容不就清楚了嗎 內容越多div高就越多 03/10 17:48
6F:→ minejel: 那不就每個元素都要去設置了嗎 03/10 17:56
7F:→ minejel: 你試著在把畫面縮小,就會發現高度變更高了 03/10 17:58
8F:推 s89227: 你可以選擇用vw和vh取代% 03/12 04:28
9F:推 Toge: 推樓上,盡量用viewpoint 03/16 07:23
10F:推 davidliang: 樓上說的是viewport喔 04/07 14:34