日归档：2021 年 12 月 20 日

2021
12-20

微信H5适配 微信调整字体大小导致Html5页面混乱

最近开发公众号遇到一个问题： iOS、Android 加载页面，如果用户调整了微信自带的字体大小，那么我们的页面就会跟随调整字体大小，导致页面错乱无法适配。所以希望能够禁止微信的字体放大功能。 找了一些方法总结如下： 原理：阻止ios和安卓调整字体大小时候的事件，ios通过添加css属性，安卓通过微信属性去阻止。   iOS系统禁止微信客户端修改字体.... Read More >

2021
12-20

手机端h5页面字体大小适配 @media

为解决适安卓手机跟苹果手机字体大小和高度不一致的问题； 首先设置初始字体：由于浏览器默认（因为1em=16px，所以0.625em=10px）； 设置初始字体大小为62.5%；然后根据不同的屏幕尺寸计算相对应的百分比； 代码如下： //安卓默认360 html,body {width: 100%;font-size: 62.5%;} @media o.... Read More >