我编写了一个非常基本的脚本来在加载或调整窗口大小时添加/删除一个类。
我只是想知道是否有更好的方法可以做到这一点,或者是否可以减少代码行。
基本上,我希望能够在较小的屏幕上查看网站时更改样式。我认为最好在html标签低于一定宽度时向它添加一个新类......
无论如何,这是我的代码。
<script type="text/javascript">
$(document).ready( function() {
/* Check width on page load*/
if ( $(window).width() < 514) {
$('html').addClass('mobile');
}
else {}
});
$(window).resize(function() {
/*If browser resized, check width again */
if ($(window).width() < 514) {
$('html').addClass('mobile');
}
else {$('html').removeClass('mobile');}
});
谢谢
阿娇