多屏判断css改写

复制代码
 1 function replaceBodyClass(){
 2     for(var i in map){
 3        if(map[i](width)){
 4           document.body.className = document.body.className.replace(/screen-\w+/, "screen-"+i)
 5           break
 6        }
 7     }
 8 }
 9 
10 map["1280"] = function(width){
11    return width <= 1300
12 }
13 
14 
15 map["x1"] = function(width){
16    return width > = 1580
17 }
18 
19 map["1"] = function(width){
20    return  width > = 1400 && width < 1580
21 }
复制代码
posted @   allexwang  阅读(221)  评论(0编辑  收藏  举报
编辑推荐:
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
阅读排行:
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 全程使用 AI 从 0 到 1 写了个小工具
· 快收藏!一个技巧从此不再搞混缓存穿透和缓存击穿
· AI 插件第二弹,更强更好用
· Blazor Hybrid适配到HarmonyOS系统
点击右上角即可分享
微信分享提示