问题:
在做移动端布局时,横屏状态下,想实现一个水平宽度是页面视口宽度3倍的铺底div,现在在将宽度扩大后,高度也随之扩大了3倍。这是为什么呢?
代码
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);
}
可以从max-height属性解决问题
把最大高度设为一个绝对值,而不是百分比单位