Jquery判断屏幕分辨率

发布时间:2019-12-27编辑:脚本学堂
本文介绍了Jquery判断屏幕分辨率,然后加载不同的css样式的一例代码,有需要的朋友参考下。

在网页制作过程中,有时根据不同的分辨率加载不同的样式,可以通过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>

如此便可以判断分辨率来解决一些网页制作上的问题。