首页 建站教程 WEB前端 正文

query判断当前屏幕分辨率,调用不同的样式

判断当前屏幕分辨率,自动调取不同的样式实现代码:<script language="javascript"> $(function () { if ((screen.width&nbs...

判断当前屏幕分辨率,自动调取不同的样式

query判断当前屏幕分辨率,调用不同的样式 query 样式 判断分辨率 图1

实现代码:

<script language="javascript">
        $(function () {
            if ((screen.width == 1024) && (screen.height == 768)) {
                $("#xx").height(500);//此分辨率下你需要的操作
            } else if ((screen.width == 1360) && (screen.height == 900)) {
                $("#xx").height(700);//这个分辨率下你的操作
            } else {
                $("#xx").height(500);//默认操作
            }
        });
</script>
打赏
海报

本文由优美主题原创或收集发布

转载请注明本文地址:https://www.umtheme.com/web/42.html

相关推荐

CSS心形缠绕转动效果

CSS心形缠绕转动效果

CSS心形缠绕转动效果是一种有趣的动画效果,能够给网页带来浪漫而动感的氛围。这个效果将一个心形图案无限旋转,并且同时绕着一个中心点缠绕旋...
WEB前端 2023.09.13 0 2503
制作h5常用的css3动画效果

制作h5常用的css3动画效果

css3提供了许多强大的特效,可以用来实现各种各样的效果,下面是我总结的一些常用的css3效果,有需要的可以直接引用:1.悬浮时放大:.one{transition:All 0.4s&nb...
WEB前端 2023.09.13 0 2432
发布评论

感谢您的支持