Home > Article > Web Front-end > jQery使网页在显示器上居中显示适用于任何分辨率_jquery

jQery使网页在显示器上居中显示适用于任何分辨率_jquery

WBOYOriginal: 2016-05-16 16:45:281174browse

检测屏幕宽度，并设置为id为frame的div宽度，根据自己网页的最大宽度来调节，小demo最大宽度为1440

无标题文档

<script> <BR>function onWidthChange(){ <BR>var w=$(window).width(); <BR>x=(w-1440)/2; <BR>$("#frame").css("width",w); <BR>if(w<1024){ <BR>$("#frame").css("overflow","visible"); <BR>$("#webContent").css("margin-left",x); <BR>}else if(1024<w<1440){ <BR>$("#frame").css("overflow","hidden"); <BR>$("#webContent").css("margin-left",x); <BR>} <BR>setTimeout(onWidthChange,0); <BR>}; <BR></script> 

//内容

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析_jqueryNext article：javascript写的异步加载js文件函数(支持数组传参)_javascript技巧

See more

jQery使网页在显示器上居中显示适用于任何分辨率_jquery

Related articles