数码资讯
屏幕自适应本地代码共享的js实现
一个小伙伴有一个消息,它需要一个js来实现屏幕代码的自适应部分,这里有一个简单的安排,放在大家面前。 复制代码代码如下所示: 非所有权文件 * { 保证金:0; 填充:0; 列表样式:无; } div { 保证金:0汽车; 身高:10000px; 最小宽度:880px; 马克斯:1100px宽度;
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
一个小伙伴有一个消息,它需要一个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 ;
}
试试吧,效果很好,希望你能喜欢它。
复制代码代码如下所示:
非所有权文件
* {
保证金: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 ;
}
试试吧,效果很好,希望你能喜欢它。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。