<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>
适应于各种屏幕的分辨率的
最新推荐文章于 2023-10-07 19:57:36 发布