Jquery判断当前屏幕分辨率并加载不同的css样式
摘要:网页制作过程中也许会遇到要根据不同的分辨率加载不同的样式,我们可以通过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> 这样就可以很好的判断分辨率来解决一些网页制作上的问题。