鍍金池/ 問答/HTML/ 移動端布局，寬度擴(kuò)大三倍，高度為什么也擴(kuò)大三倍

移動端布局，寬度擴(kuò)大三倍，高度為什么也擴(kuò)大三倍

問題：

在做移動端布局時(shí)，橫屏狀態(tài)下，想實(shí)現(xiàn)一個(gè)水平寬度是頁面視口寬度3倍的鋪底div，現(xiàn)在在將寬度擴(kuò)大后，高度也隨之?dāng)U大了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屬性解決問題
把最大高度設(shè)為一個(gè)絕對值，而不是百分比單位

2018年9月22日 16:59
編輯回答
選擇

并不會吧，你代碼貼全了？

2017年4月11日 00:36
編輯回答
怪痞

是不是還有內(nèi)容元素，造成這樣了？可以考慮使用vw和vh這樣的單位

100%
    300%
        900%
2017年12月29日 09:04