網頁鋪滿全屏，不需滾動條的設定方法
阿新 • • 發佈：2019-02-03
現在很多網頁流行使用鋪滿全屏，沒有滾動條，上下輪播的首頁產品介紹頁面。（如2345看圖王，支付寶等官網）
這種頁面簡潔大氣，美觀實用。但對剛接觸html和css的人來說卻有些高大上，不知道改如何做。
因為，通常設定width :100%有用。但高度卻沒用。(瀏覽器渲染方式的問題。不做詳解。）
需要給body，html設定了height：100%才能做出鋪滿全屏的效果。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> html,body{ width:100%; height:100%; margin:0; padding:0; overflow: hidden; } .id{ width:100%; height:100%; background:lime; margin:0 auto; } </style> </head> <body> <div class="id"></div> </body> </html>