如何使浮動div響應

我有一個浮動div編碼的註冊頁面。但是，它無法以響應的方式完美加載。我想做一個固定的高度，以確保當用戶在不同的設備上查看時，背景色#ebebeb將被修復。不幸的是，當我試圖改變高度的百分比時，這並沒有什麼不同。如何使浮動div響應

https://jsfiddle.net/Snurainiyakob/V4u5X/892/

CSS

.modaloverlay .regmodal { 
    background-color: #ebebeb; 
    height: 100%; 
    position: relative; 
    margin: 0 auto; 
    -webkit-overflow-scrolling: touch; 
} 

@media (min-width: 60em) { 
    .modaloverlay .regmodal { 
    height: 87%; 
    margin: 5% auto; 
    max-height: 57em; 
    max-width: 66em; 
    width: 29%; 
    } 
} 

.modaloverlay .regmodal > iframe, .modaloverlay .regmodal > div { 
    border: none; 
    height: 100%; 
}

來源

2015-11-04 SitiNuraini Yakob

你可以在小提琴中顯示html和css嗎？或者你可以給網頁的網址 –

https://jsfiddle.net/Snurainiyakob/V4u5X/892/類似於這樣的 –

它可能是一個問題，您使用的彈出 –

您可以設置overflow:hidden到包裝袋中

所有元素

CSS

.modaloverlay .regmodal { 
    background-color: #ebebeb; 
    height: 100%; 
    position: relative; 
    margin: 0 auto; 
    -webkit-overflow-scrolling: touch; 
    overflow: hidden; 
}

來源

2015-11-04 09:28:58

不響應，因爲我無法滾動下載表格 –

你能告訴我們你的HTML標記 –

https://jsfiddle.net/Snurainiyakob/V4u5X/892/類似這樣 –

這是一個長鏡頭，不知道你的佈局，但你看着使用視高？一個元件的高度是自動正比於設備的視口中的用戶是：

.element { 
    height: 75vh; 
}

上面將基本上確保.element是任何設備的視區爲75％的高度。同樣，您也可以使用vw來實現視口寬度相同。

來源

2015-11-04 10:37:34

如何使浮動div響應

回答

相關問題