PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HTML5+CSS3教程 > 正文

    H5项目常见问题-微信浏览器用户调整字体大小后页面矬了,怎么阻止用户调整

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:H5项目常见问题-微信浏览器用户调整字体大小后页面矬了,怎么阻止用户调整
    微信浏览器用户调整字体大小后页面矬了,怎么阻止用户调整

    1. //以下代码可使Android机页面不再受用户字体缩放强制改变大小,但是会有1S左右延时,期间可以考虑loading来处理 
    2. if (typeof(WeixinJSBridge) == "undefined") { 
    3.     document.addEventListener("WeixinJSBridgeReady"function (e) { 
    4.         setTimeout(function(){ 
    5.             WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize':0}, function(res){ 
    6.                 alert(JSON.stringify(res)); 
    7.             }) 
    8.         }, 0) 
    9.     }); 
    10. }else{   
    11.     setTimeout(function(){ 
    12.         WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize':0}, function(res){ 
    13.             alert(JSON.stringify(res)); 
    14.         }) 
    15.     }, 0)    
    16.   
    17. //IOS下可使用 -webkit-text-size-adjust禁止用户调整字体大小 
    18. body { -webkit-text-size-adjust:100%!important; } 
    19.   
    20. //最好的解决方案:最好使用rem或百分比布局 

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-142-5174-1.html
    相关热词搜索: