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

最新推荐文章于 2023-03-13 09:51:27 发布

weixin_33782386

最新推荐文章于 2023-03-13 09:51:27 发布

阅读量1k

点赞数

文章标签： java javascript c/c++ ViewUI

 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>