屏幕自适应本地代码共享的js实现
一个小伙伴有一个消息,它需要一个js来实现屏幕代码的自适应部分,这里有一个简单的安排,放在大家面前。复制代码代码如下所示:
非所有权文件
* {
保证金:0;
填充:0;
列表样式:无;
}
div {
保证金:0汽车;
身高:10000px;
最小宽度:880px;
马克斯:1100px宽度;
背景:# 060;
清楚:两者;
}
UL { }
李{
浮点数:左;
显示:内联;
宽度:198px;
身高:198px;
边境:1px solid # CCC;
保证金:10px;
}
一百一十一亿一千一百一十一万一千一百一十一
二十二亿二千二百二十二万二千二百二十二
三十三亿三亿三千三百万零三百和三万三千三百三十三
四十四亿四千四百四十四万四千四百四十四
五十五亿五亿五千五百万零五百和五万五千五百五十五
六亿六千六百六十六万六千六百六十六
七十七亿七亿七千七百万零七百和七万七千七百七十七
八千八百八十八亿八千八百八十八万八千八百八十八
九亿九千九百九十九万九千九百九十九
00000000000
无功winwidth;
窗口。指针函数(){
如果(窗口。innerwidth)
winwidth = window.innerwidth;
else if((文档。体)(文件。身体。clientwidth))
winwidth = document.body.clientwidth;
如果(winwidth < = 1100)
document.getelementbyid(主要)。风格。宽度=880px ;
如果(winwidth > = 1100)
document.getelementbyid(主要)。风格。宽度=1100px ;
}
窗口。onresize =函数(){
如果(窗口。innerwidth)
winwidth = window.innerwidth;
else if((文档。体)(文件。身体。clientwidth))
winwidth = document.body.clientwidth;
如果(winwidth < = 1100)
document.getelementbyid(主要)。风格。宽度=880px ;
如果(winwidth > = 1100)
document.getelementbyid(主要)。风格。宽度=1100px ;
}
试试吧,效果很好,希望你能喜欢它。