| 12345678910111213141516171819202122232425262728293031 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- /* css reset 重置样式 */
- *{
- margin: 0;
- padding: 0;
- }
- .box{
- /* width: 100%; */
- height: 200px;
- /* vw vh 单位 */
- /* vw viewport width 取值1-100 表示视口宽度的1% 1vw = 1% */
- width:100vw;
- /* vh viewport height 取值1-100 表示视口高度的1% 1vh = 1% */
- height: 100vh;
- background-color: red;
- }
- </style>
- </head>
- <body>
- <div class="box">
-
- </div>
- </body>
- </html>
|