search

dreamline2 / Front_End_Exchange

技術交流
2 stars 4 forks source link

[ 疑問 ] width:100% #14

Closed dreamline2 closed 10 years ago

dreamline2 commented 10 years ago

當設定width:100%後 如果將視窗拉至到視窗底下有捲動軸出現 此時再將捲動軸移到右邊 就會出現露白的部分

brain00021 commented 10 years ago

之前這個問題我在手機版的網頁有遇過

後來發現是子選項超過螢幕尺寸。才會照成漏白邊的問題

可能要弄得話就是 body{ min-width:320px; overflow:hidden; } 或者

*{@include box-sizing(border-box);}

dreamline2 commented 10 years ago

@brain00021 不懂"子選項超過螢幕尺寸"的意思

dreamline2 commented 10 years ago

目前解決方式似乎是需要下min-width 但這並不完美 尤其是如果有內含物的時候 而內含物又有設定左右置中時 將視窗寬度拉至最小 比例會不對很奇怪 完美解決方式應該是 分兩層 一層負責將寬度背景延展 一層負責放內容物置中，這層在置中 這是目前想到的完美解法

TerryLee7788 commented 10 years ago

目前下min-width 解法... 內層給background 偷懶解法不好... 還是會有bug

brain00021 commented 10 years ago

http://codepen.io/brain00021/pen/CugKk