jquery-实现响应浏览器缩放大小

xyc

   一般做项目的时候都会遇到浏览器放大或者缩小时一些元素需要发生变化的问题，这个时候就可以用到下面所说的这个方法了，可轻松解决问题。

  主要使用一个resize方法
   

[JavaScript] 纯文本查看 复制代码

$(window).resize({

});

例如：改变body的背景颜色
定义一个方法：这个方法控制浏览器页面背景色的切换变化

[JavaScript] 纯文本查看 复制代码

function myfunction(){
  $('body').toggleClass('bgcolor');
}

添加监控页面窗口变化的方法

[JavaScript] 纯文本查看 复制代码

$(window).resize({
myfunction();
});

并且在页面加载时即调用此方法

[JavaScript] 纯文本查看 复制代码

myfunction();

以上就是解决响应浏览器缩放大小的方法。