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