課程
/前端開發(fā)
/WebApp
/Hello，移動WEB
希望整個頁面鋪滿一屏，如何設置父元素高度為屏幕高度呢？
急問，謝謝！！
2016-06-03
源自：Hello，移動WEB 3-3
正在回答
也可以參考一下這篇博客：CSS3flexbox伸縮布局盒模型
首先，應該知道的是，body在默認情況下高度是為0的，所以必須給body設置height:100%。
然后，讓body元素成為伸縮容器。也就是說，為body元素設置display:flex屬性。
最后，你想設置的父元素就成為了body元素的伸縮項目了。給父元素設置flex:1就可以實現(xiàn)父元素高度為屏幕高度了。
找到辦法了：寫個js，將可視高度賦值給父元素，即可剛好鋪滿一屏。不知大家有沒有更好的辦法呢？
舉報
課程介紹移動web的開發(fā)基礎，排版布局，常見移動web問題
2 回答請問flex布局高度自適應問題
3 回答是不是將pc端布局的寬高度改為手機端的寬高度，里面的布局還是像pc端那樣寫就可以了
1 回答flex彈性布局問題
1 回答viewport的寬度為什么不能設定為固定寬度呢
2 回答手機上彈性布局不能用怎么回事
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-10-02
也可以參考一下這篇博客：CSS3flexbox伸縮布局盒模型
2016-10-02
首先，應該知道的是，body在默認情況下高度是為0的，所以必須給body設置height:100%。
然后，讓body元素成為伸縮容器。也就是說，為body元素設置display:flex屬性。
最后，你想設置的父元素就成為了body元素的伸縮項目了。給父元素設置flex:1就可以實現(xiàn)父元素高度為屏幕高度了。
2016-06-03
找到辦法了：寫個js，將可視高度賦值給父元素，即可剛好鋪滿一屏。不知大家有沒有更好的辦法呢？