8***@qq.com
8***@qq.com
  • 发布:2017-02-24 09:44
  • 更新:2017-02-24 10:48
  • 阅读:2991

请问如何获取webview中的宽度问题。或者获取屏幕在宽度。

分类:MUI

因为我想做字体的自适应,比如在5.0的屏幕上字体是14px,在7.5的屏幕上字体是16px。请问这个如何实现?

2017-02-24 09:44 负责人:无 分享
已邀请:
CJH

CJH - 我想要的,我自然会认真

$(window).width()或者document.body.clientWidth可以获取当前窗口的宽度;

字体适配可以使用rem,只需要改变根节点的fontSize即可;

<script type="text/javascript">  
    (function() {  
        function initHtmlFont() {  
            var maxWidth = 750;                 //设置屏幕最大宽度  
            var html = document.documentElement;  
            var windowWidth = html.clientWidth > maxWidth ? maxWidth : html.clientWidth;  
            html.style.fontSize = (windowWidth / 750) * 200 + 'px';     //设置根节点的fontSize  
        }  
        initHtmlFont();  
    })();  
</script>  
  • 8***@qq.com (作者)

    为什么我用 $(window).width() 在app里面获取,都是360 的?

    2017-02-27 16:21

该问题目前已经被锁定, 无法添加新回复