常常在寫網頁的時後 我們會需要設到寬跟高
但卻發生 為什麼寬能吃到 ”%” 而高卻不能
在 pc 版的頁面上設置就算了 因為都是固定大小
但在這科技發展的時代裡 怎麼可能只有 pc 版的頁面呢!!? 當然是要加上目前引領時尚潮流的 RWD 呀 這樣拿出去才潮嘛！
潮歸潮，在製作卻也常常出現一些無預期的問題
比如 有些區塊需要做等比縮放，卻因高度不吃%這個單位的時後
那要怎麼辦?
這時後!! 山不轉路轉! 我們就需要利用 css 的 padding 屬性下去撐
利用 (寬/高)*100 就能計算出 padding-bottom 所需要的百分比了
然後 嘿嘿嘿!! 神奇的事情就發生啦!!
怎麼縮 怎麼放 都是等比例的啦
當然 還是有另外一種的處理方式 留到下次說啦～～