- 视口宽度（看得见得地方）：PC端指的是浏览器的可视区域；移动端指的就是Viewport中的Layout Viewport。
视口单位
- vw：1vw等于视口宽度的1%。
- vh：1vh等于视口高度的1%。
- vmin：选取vw和vh中最小的那个。
- vmax：选取vw和vh中最大的那个
兼容性问题(在移动端 iOS 8 以上以及 Android 4.4 以上获得支持，并且在微信 x5 内核中也得到完美的全面支持)ie11 edg14
<head>
<meta charset="UTF-8">
<title>手机端视口布局</title>
<style>
.parent{
width: 50vw;
height: 10vh;
background-color: pink;
}
</style>
</head>
<body>
<div class="parent">
</div>
</body>
2306
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
