<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>h5移动页面</title>
<style>
* {
margin: 0;
padding: 0;
}
.box {
width: 100vw;
height: 341.867vw;
position: relative;
background: url(./imgs/长图_第二版@3x.png) no-repeat;
background-size: 100%;
}
.rights {
color: white;
text-align: center;
line-height: 6.000vw;
width: 17.867vw;
height: 6.000vw;
background: url(./imgs/圆角矩形\ [email protected]) no-repeat;
background-size: 100%;
position: absolute;
right: 4.667vw;
top: 7.467vw;
font-size: 12px;
}
.vd {
width: 95.067vw;
height: 487px;
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
position: absolute;
top: 196.533vw;
h5移动端适配(html+css+vw)
于 2022-10-10 10:27:48 首次发布