自适应留言代码php,JavaScript_js实现屏幕自适应局部代码分享，有小伙伴留言说需要一个js实 - phpStudy...

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

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

无标题文档

*{

margin:0;

padding:0;

list-style:none;

}

div{

margin:0 auto;

height:10000px;

min-width:880px;

max-width:1100px;

background:#060;

clear:both;

}

ul{}

li{

float:left;

display:inline;

width:198px;

height:198px;

border:1px solid #ccc;

margin:10px;

}

• 11111111111
• 2222222222
• 33333333333
• 4444444444
• 55555555555
• 666666666
• 77777777777
• 888888888888
• 999999999
• 00000000000

var winWidth;

window.οnlοad=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.οnresize=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";

}

试试看，是不是效果非常棒，希望大家能够喜欢。相关阅读:

HTML5 Canvas+JS控制电脑或手机上的摄像头实例

AngularJS中实现动画效果的方法

jquery跟js初始化加载的多种方法及区别介绍

针对iOS开发的一些Xcode使用技巧小结

JavaScritp添加url参数并将参数加入到url中及更改url参数的方法

实例解析Java中的synchronized关键字与线程安全问题

win7 64位系统重装后无线信号找不到的原因分析以及解决方法

MAC下怎么修改Stack网格模式图标大小

WinXP注销后登录需输入用户名烦不胜烦如何解决

Android编程中Activity的四种启动模式

oracle 数据库隔离级别学习

Win8.1系统已安装了flash player却不能观看网页视频的解决方法

javascript时间差插件分享

Android开发之基本控件和四种布局方式详解