适应于各种屏幕的分辨率的

来源：互联网发布：360彩票源码编辑：程序博客网时间：2024/04/29 14:56
<html><head>    <title></title>    <style type="text/css">    .conent     {        width: 980px;        height:680px;        border:1px solid #134579;    }    </style><script type="text/javascript">    var marginLeft;    var marginTop;    window.onload = function () {        marginTop = 0;        marginLeft = 0;        rePoint();    }    window.onresize = function () {        rePoint();    }    function rePoint() {        var marginTopIndex = parseInt((document.body.clientHeight - 680) / 2);        var marginLeftIndex = parseInt((document.body.clientWidth - 980) / 2);        if (marginLeftIndex < 0) {            marginLeftIndex = 0;        }        if (marginTopIndex < 0) {            marginTopIndex = 0;        }        if (marginLeft == marginLeftIndex && marginTop == marginTopIndex) {            return;        }        marginLeft = marginLeftIndex;        marginTop = marginTopIndex;        document.getElementById("mainDiv").style.marginLeft = marginLeft + "px";        document.getElementById("mainDiv").style.marginTop = marginTop + "px";    }</script></head><body>    <div id="mainDiv" class="conent">适应于各种屏幕的分辨率的div </div></body></html>