随着窗口的大小来调整字体的大小 

 1 <script type="text/javascript">
 2         //随着窗口的大小来调整字体的大小
 3         function setHtmlFontSize(initWidth) {
 4             adjust();
 5             $(window).resize(function() {//监听窗口变化
 6                 adjust();//调用调整字体函数
 7             })
 8 
 9             function adjust() {
10                 var windowWidth = $(window).width();//获取窗口宽度
11                 var fontSize = windowWidth > initWidth ? 100 : (100 * windowWidth) / initWidth;//如果大于初始值，新的到的字体的大小
12                 $('html').css('font-size', fontSize + 'px');//赋值给font-size属性
13             }
14         }
15         setHtmlFontSize(720);
16     </script>

 

posted @ 2018-08-23 22:12  前端极客  阅读(891)  评论(0)    收藏  举报