在安卓的webview中嵌入了一个h5的页面，修改了系统的字体如何webview的宽度？

Question

在安卓系统设置字体大小为标准，webview宽度为360，把安卓系统字体设置成小号webview还是360，怎么获取webview实际宽度？

Answer 1

系统字体大小不影响webview的宽度，会影响webview内的文字的font-size

你可以通过设置body的行间样式为 font-size: 12px， 然后再去获取 body 的 getComputedStyle() 的 font-size 大小，两者相除，得到的比率 就是文字放大或缩小的比例

如果你走的 rem 来确定页面中元素的宽度，那么你就需要把 html font-size 再缩小或放大这一比例

Answer 2

上面回答的代码实现示例：

// css

body {

  font-size: 12px;

}

// js

var bodyStyle = window.getComputedStyle(document.body, null)

var scale = +(bodyStyle['font-size']).replace('px', '') / 12