js实现屏幕自适应局部代码分享_javascript技巧



有小伙伴留言说需要一个js实现屏幕自适应局部的代码，这里简单整理了下，放出来给大家。

代码如下:

11111111111

2222222222

33333333333

4444444444

55555555555

666666666

77777777777

888888888888

999999999

00000000000

var winWidth;
window.onload=function(){
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
if(winWidth<=1100)
document.getElementById("main").style.width="880px";
else if(winWidth>=1100)
document.getElementById("main").style.width="1100px";
}
window.onresize=function(){
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
if(winWidth<=1100)
document.getElementById("main").style.width="880px";
else if(winWidth>=1100)
document.getElementById("main").style.width="1100px";
}

试试看，是不是效果非常棒，希望大家能够喜欢。