欢迎来到HELLO素材网!
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > JS教程 >

Jquery判断当前屏幕分辨率并加载不同的css样式

发表于2014-04-22 21:09| 次阅读| 来源整理| 作者管理员

摘要:网页制作过程中也许会遇到要根据不同的分辨率加载不同的样式,我们可以通过jquery可以简便的解决这个问题: 首先加载jquery库,然后通过下面的代码来解决问题。 script language="javas

网页制作过程中也许会遇到要根据不同的分辨率加载不同的样式,我们可以通过jquery可以简便的解决这个问题:

首先加载jquery库,然后通过下面的代码来解决问题。


<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>

这样就可以很好的判断分辨率来解决一些网页制作上的问题。