屏幕自适应本地代码共享的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 ;

}









试试吧,效果很好,希望你能喜欢它。