question:
when doing Mobile layout , you want to achieve a bottom div, with a horizontal width that is three times the width of the page viewport in the landscape state. Now, after expanding the width, the height is also increased by three times. Why is that?
Code
html
<body>
<div class="wrap"></div>
</body>html, body {
width: 100%;
height: 100%;
}
.wrap {
width: 300%;
height: 100%;
background: rgba(222, 123, 32, 0.4);
}