做网站都需要什么贴吧,建设通app免费版,seo网络推广,建设环境工程技术中心网站唠叨几句#xff1a;在移动端再开发的过程中#xff0c;很容易使用到webview,它也是用来混合开发的中间桥梁#xff0c;因此解决webview使用过程中出现的问题是非常有必要的#xff1b;问题现象与发现#xff1a;现象#xff1a;日前#xff0c;在是使用webview加载html…唠叨几句在移动端再开发的过程中很容易使用到webview,它也是用来混合开发的中间桥梁因此解决webview使用过程中出现的问题是非常有必要的问题现象与发现现象日前在是使用webview加载html过程中出现了一个这样的问题页面显示变形url中有设置图片图片展示不全呈截断式发现其他所有手机都正常只有一部手机显示不正常(上级的手机,哎)后来发现该手机比同款同型号手机显示字体略大才发现该手机系统字体大小被重置经过半天测试出现此问题的必要条件有三html页面采用了rem单位并且是采用js动态计算html的font-sizehtml页面被加在了APP中的webview中手机被重设了字体大小解决方案一.移动端解决方案一行代码webView.getSettings().setTextZoom(100);方案一虽然看起来比较简单但是如果我们项目已经上线了就需要重新发版App就需要更新等一系列操作再者如果html其他移动端也有使用这....接下来会发生的事情就靠大家慢慢猜想了二、前段兼容话不多说直接上代码var docEl document.documentElement,resizeEvt orientationchange in window ? orientationchange : resize,recalc function () {var clientWidth docEl.clientWidth || 375;clientWidth 750 ? clientWidth 750 : clientWidth clientWidth;if (clientWidth){const fz docEl.style.fontSize 20 * (clientWidth / 375);docEl.style.fontSize 20 * (clientWidth / 375) px;window.remscale clientWidth / 375;var realfz ~~(window.getComputedStyle(document.getElementsByTagName(html)[0]).fontSize.replace(px,)*10000)/10000if (fz ! realfz) {document.getElementsByTagName(html)[0].style.cssText font-size: fz * (fz / realfz) px;}}};if (document.addEventListener){window.addEventListener(resizeEvt, recalc, false);document.addEventListener(DOMContentLoaded, recalc, false);}这段代码是跟前端开发一起调试验证OK的在此感谢前端同学嘿嘿咱是移动端开发者看到这个代码有些蒙蔽前端开发者一定看得懂...以上就是解决方式了希望对您有所帮助...
