移动端设备调整字体大小

这个问题直接导致前端图片,文字等布局乱码的问题
移动端页面已经做了屏幕适配,大部分的手机浏览器, webview浏览器,都能正常访问的情况下,偶尔有一个设备出现了h5横向滚动条,或者图片溢出, 先检查设备默认字体调整, 字体如果调大或者调小,都会改变手机屏幕的像素宽度
设备
css 写页面,一般使用的是px ,这个是跟浏览器的像素对应的,所以,1px 对应的设备的物理像素

px定义

px,css,物理像素,设备像素文章介绍
这篇文章写的很细,很全面,但是理解起来有点困难,慢慢理解吧

虚拟像素，可以理解为“直觉”像素，CSS和JS使用的抽象单位，浏览器内的一切长度都是以CSS像素为单位的，CSS像素的单位是px。
px实际是pixel（像素）的缩写，根据 维基百科的解释，它是图像显示的基本单元，既不是一个确定的物理量，也不是一个点或者小方块，而是一个抽象概念。所以在谈论像素时一定要清楚它的上下文！一定要清楚它的上下文！一定要清楚它的上下文！

ppi：每英寸多少像素数，放到显示器上说的是每英寸多少物理像素及显示器设备的点距。
dpi：每英寸多少点。

设备像素(物理像素)

设备像素（物理像素），顾名思义，显示屏是由一个个物理像素点组成的，通过控制每个像素点的颜色，使屏幕显示出不同的图像，屏幕从工厂出来那天起，它上面的物理像素点就固定不变了，单位pt。

在移动端浏览器中以及某些桌面浏览器中，window对象有一个devicePixelRatio属性，它的官方的定义为：设备物理像素和设备独立像素的比例，也就是 devicePixelRatio = 物理像素 / 独立像素。 dpr = 物理像素/独立像素

补充 设备独立像素，也称为逻辑像素，简称dip。

CSS像素 = 设备独立像素 = 逻辑像素

dpr计算方式

综上,H5跟原生做交互如果已经做了适配的情况下,还有页面显示不正常的情况下,先考虑设备字体大小设置,其次考虑css样式
补充一篇文章
viewport的深入理解