[css] 怎么让body高度自适应屏幕?为什么?
生活随笔
收集整理的這篇文章主要介紹了
[css] 怎么让body高度自适应屏幕?为什么?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[css] 怎么讓body高度自適應屏幕?為什么?
為何只設置body{height:100%}不行? height:100%是相對于父元素來說的,如果只設置body的高度屬性,由于其父元素是html高度未設置,且并非瀏覽器窗口高度,所以只設置body為100%是不能達到效果的,必須html,body都設置100%。而body{height: 100vh}直接把高度設置成了視口高度,與html大小無關,所以只在body設置vh是可行的。個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的[css] 怎么让body高度自适应屏幕?为什么?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [css] 你有用过IE css的ex
- 下一篇: [jQuery] 你有写过jQuery的