首頁猿問移動端頁面如何獲取當前頁面高度并賦...

移動端頁面如何獲取當前頁面高度并賦值給div最小高度？

JavaScript

慕標5832272 2019-01-30 09:37:05

如果不設置一個最小高度，那如果內(nèi)容不夠，那底部的footer會上去，留下片空白。

查看完整描述

1 回答

寶慕林4294392

TA貢獻2021條經(jīng)驗獲得超8個贊

在移動端，可以使用flex布局

給你個例子：

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>Document</title>     <style>         * {             padding: 0;             margin: 0;         }         html,         body {             height: 100%;         }         .container {             height: 100%;             display: flex;             flex-direction: column;         }         .body {             flex: 1;             background: red;         }         .footer {             height: 100px;             width: 100%;         }     </style> </head> <body>     <div class="container">         <div class="body"></div>         <div class="footer"></div>     </div> </body> </html>

反對回復 2019-01-30