为了账号安全,请及时绑定邮箱和手机立即绑定

移动端布局,宽度扩大三倍,高度为什么也扩大三倍

移动端布局,宽度扩大三倍,高度为什么也扩大三倍

Cats萌萌 2018-10-24 07:56:25
问题:在做移动端布局时,横屏状态下,想实现一个水平宽度是页面视口宽度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); }
查看完整描述

1 回答

?
米琪卡哇伊

TA贡献1998条经验 获得超6个赞

可以从max-height属性解决问题
把最大高度设为一个绝对值,而不是百分比单位

查看完整回答
反对 回复 2018-10-24
  • 1 回答
  • 0 关注
  • 588 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信