jresize插件是生成自定义的页面大小的列表,可以通过点击让页面自适应指定的大小
官方网站:http://toddmotto.com/jresize-plugin-for-one-window-responsive-development/
下载地址:https://github.com/toddmotto/jResize
简单的使用方式:
引入需要的js文件
<script src="js/jquery-1.8.3-min.js"></script> <script src="js/jresize.js"></script>
初始化页面支持的列表:
<script> $(function() { $.jResize({ viewPortSizes : ['320px', '480px', '540px', '600px', '768px', '960px', '1024px', '1280px'], // ViewPort Widths backgroundColor : '444', // HEX Code 指定背景色 fontColor : 'FFF' // HEX Code 指定字体颜色 }); }); </script>
生成的列表如图
点击上面每个按钮可以让页面大小进行调整