适应于各种屏幕的分辨率的
2013-11-05 23:09
260 查看
<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>
相关文章推荐
- C# WinForm窗体及其控件自适应各种屏幕分辨率
- C# WinForm窗体及其控件自适应各种屏幕分辨率
- C# WinForm窗体及其控件自适应各种屏幕分辨率
- 使GUI适应各种屏幕分辨率
- C# WinForm窗体及其控件自适应各种屏幕分辨率
- C# WinForm窗体及其控件自适应各种屏幕分辨率
- C# WinForm窗体及其控件自适应各种屏幕分辨率
- C# WinForm窗体及其控件自适应各种屏幕分辨率
- C# WinForm窗体及其控件自适应各种屏幕分辨率
- C# WinForm窗体及其控件自适应各种屏幕分辨率
- android 初学之XML小技巧小结---自适应各种分辨率屏幕
- AndroidUI-适应不同屏幕和分辨率的做法
- Android基础之使用Fragment适应不同屏幕和分辨率(分享)
- NGUI之UIRoot屏幕分辨率自适应
- Android各种屏幕分辨率
- 使用Fragment适应不同屏幕和分辨率
- Android程序对不同手机屏幕分辨率自适应的方法
- Unity3D开发 NGUI之UIRoot屏幕分辨率自适应
- PC端网页自适应不用分辨率大小屏幕
- Cocos2d-js 3.0 屏幕适配方案 分辨率适应