移动端布局，宽度扩大三倍，高度为什么也扩大三倍
问题：
在做移动端布局时，横屏状态下，想实现一个水平宽度是页面视口宽度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);
}
Cats萌萌浏览 596回答 1
1回答
-
米琪卡哇伊
可以从max-height属性解决问题把最大高度设为一个绝对值，而不是百分比单位
随时随地看视频慕课网APP
相关分类
CSS3