问题描述:
1.我们的h5页面嵌入到应用程序中并使用浏览器打开
2.在手机浏览器中打开没有问题
原因:
在上会出现这个问题,因为它是手机内置浏览器的SDK封装的组件,所以会受到手机系统的影响,但在iOS上不会出现这个问题。
解决方案:
1.同时,经过测试,我们发现使用..html..得到的都是48px,但实际上页面字体变大了,也就是说1px代表的像素变大了。 由于该问题发生在中,因此必须有相应的解决方案:.().(100)。 该方法可以设置内部字体的缩放比例。 设置为100%表示将按照默认大小显示,而不是字体选择中的“大”、“特大”(大于100%)或“小”(小于100%)。 并且因为px的缩放比例有限,所以我们的长度最终还是正常渲染出来的。
2、由于我们的应用使用了别人的应用,他们改起来会很麻烦,所以我们只能改一下页面:假设你的html设置为a px,实际显示的是b px,但你希望它是所显示的是px,所以需要将html调整为a*a/b px,这样当系统字体大小发生变化时,仍然可以保持设定的布局大小。
使用 .(.('html'),null).('font-size') 获取实际大小。 就像 ..html.. 你会得到相同的设置值而不是特定值。
设置好html大小后,获取实际的html大小来判断是否一致。 如果不一致,将大小设置为a*a/b即可解决问题。
详情请参考:
从本文获取最有效的信息