modalbox高度偏移jqmodal中的瀏覽器高度？

有人可以指點我或給出提示，解決方法如何修改模型框的高度偏移到瀏覽器的高度分辨率？modalbox高度偏移jqmodal中的瀏覽器高度？

目前，如果我的模式框高度爲500px×1200px，而我的瀏覽器爲1280x1024，則模式框不滾動，並且無法查看框的下方部分。

我希望你能幫助我，謝謝

TIA

2014-01-30 zearth

我假設你要設置的模式寬度/高度視口（例如瀏覽器窗口）的百分比是多少？

你可以用CSS來做到這一點，HTML/body的寬度和高度首先設置爲100％。作爲一個例子，大小爲視口的50％並且固定到中心的模式將看起來像;

<html> 
<head> 
<style type="text/css"> 
    html, body { margin: 0; padding: 0; } 
    html, body { height: 100%; width: 100%; } 

    #modal { 
    width: 50%; 
    height: 50%; 

    position: fixed; 
    top: 50%; 
    left: 50%; 

    margin-top: -25%; 
    margin-left: -25%; 

    /* display: none; */ 
    } 
</style> 
</head> 
<body> 
    <div id="modal"> 
     <h1>modal</h1> 
    </div> 
</body> 
</html>

來源

2014-01-30 22:59:19 briceburg

modalbox高度偏移jqmodal中的瀏覽器高度？

回答

相關問題