您正在使用 IPV4 [3.230.143.213] 访问本站,您本次已经查看了 1 页
用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
悟空收录网       [公益]保护绿色环境,构建和谐社会      

【腾讯云】 爆款2核2G3M云服务器首年 61元,叠加红包再享折上折      
[公益] 地球是我家,绿化靠大家      
2024年 劳动节 017
2024年 端午节 057
2025年 元 旦 262
2025年 春 节 290
综合数码金融娱乐服务报刊政府机构 推荐 排名 今日 申请 友情  
您现在的位置:首页 >> 脚本代码 >> 内容
本类新增
本类热门
js实现屏幕自适应局部代码分享
内容摘要: !doctypehtmlhtmlheadmetacharset='utf-8'title无标题文档/titlestyle*{margin:0;padding:0;list-style:none;}div{margin:0auto;height:10000px;min-width:880px;max-width:1100px;background:#060;c......
<!doctypehtml>

<html>

<head>

<metacharset="utf-8">

<title>无标题文档</title>

<style>

*{

margin:0;

padding:0;

list-style:none;

}

div{

margin:0auto;

height:10000px;

min-width:880px;

max-width:1100px;

background:#060;

clear:both;

}

ul{}

li{

float:left;

display:inline;

width:198px;

height:198px;

border:1pxsolid#ccc;

margin:10px;

}

</style>

</head>

<body>

<divid="main">

<ul>

<li>11111111111</li>

<li>2222222222</li>

<li>33333333333</li>

<li>4444444444</li>

<li>55555555555</li>

<li>666666666</li>

<li>77777777777</li>

<li>888888888888</li>

<li>999999999</li>

<li>00000000000</li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

</div>

<script>

varwinWidth;

window.onload=function(){

if(window.innerWidth)

winWidth=window.innerWidth;

elseif((document.body)&&(document.body.clientWidth))

winWidth=document.body.clientWidth;

if(winWidth<=1100)

document.getElementById("main").style.width="880px";

elseif(winWidth>=1100)

document.getElementById("main").style.width="1100px";

}

window.onresize=function(){

if(window.innerWidth)

winWidth=window.innerWidth;

elseif((document.body)&&(document.body.clientWidth))

winWidth=document.body.clientWidth;

if(winWidth<=1100)

document.getElementById("main").style.width="880px";

elseif(winWidth>=1100)

document.getElementById("main").style.width="1100px";

}

</script>

</body>

</html>

版权声明:本内容来源于网络,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
上一篇:JS限制input框只能输入0~100的正整数的两种方法

 

下一篇:JS实现自定义状态栏动画文字效果

发布日期:2024/4/2
手机扫二维码直达本页
发布时间:10:47:33
点  击:18
录  入:伊伊
相关文章
Baidu
YiJiaCMS 7.3.8 build231228(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,Cloudflare提供加速防护
运行时间载入中.....