33-解决方案

6.9.2　解决方案

对这个问题有几种解决方案。第一种是修改正文元素的 class 属性，第二种是改变所要修改的样式表的 href 属性，最后一种是在页面上包含所有与尺寸相关的样式表，但是在同一时间内只启用一个。

在每一种情况下，都将创建一个函数检查浏览器的宽度并将其绑定到文档的 ready 事件和窗口的 resize 事件。然后， checkWidth 函数调用 setSize 函数，将根据采用的不同方法定义这个函数：

var checkWidth = function() {
　　 var browserWidth = $(window).width();
　　 if (browserWidth < 960) {
　　　　　setSize('small');
　　 } else {
　　　　　setSize('large');
　　　　　}
　　 };
jQuery(document).ready(function() {
　　 checkWidth();
　　 $(window).resize(checkWidth);
});

setSize 函数定义取决于切换样式的方法。