移动端字体放大导致布局错乱的解决方案
2017-10-31 11:30
363 查看
推荐资料:https://juejin.im/post/59f678d7f265da43333dabb7
解决方案:
Android微信浏览器:
(function() {
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
handleFontSize();
} else {
document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
}
function handleFontSize() {
// 设置网页字体为默认大小
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
// 重写设置网页字体大小的事件
WeixinJSBridge.on('menu:setfont', function() {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
});
}
})();
解决方案:
Android微信浏览器:
(function() {
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
handleFontSize();
} else {
document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
}
function handleFontSize() {
// 设置网页字体为默认大小
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
// 重写设置网页字体大小的事件
WeixinJSBridge.on('menu:setfont', function() {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
});
}
})();
相关文章推荐
- Android4.x系统设置字体大小导致应用布局混乱的解决方案
- 移动端用户设置字体放大导致的问题
- Android中ListView复用导致布局错乱的解决方案
- Android 解决系统大号字体导致布局显示错乱问题
- React Native 解决Text在iOS、android中更改字体变大,导致项目文字变大布局错乱
- 探究Android中ListView复用导致布局错乱的解决方案
- 对于用户上传不规划Html而导致页面布局错乱的一简单解决方法
- Android调整系统字体导致App UI显示异常的解决方案
- rem布局--移动端页面自适应解决方案
- android系统设置里的字体大小导致的布局混乱问题
- Win10 Chrome 在DPI缩放下导致界面放大问题 解决方案
- 移动端微信页面禁止字体放大
- 移动端布局解决方案+神器
- 虚拟键盘冲击移动端fixed布局的解决方案
- MFC 多文档打开多个窗口错误解决方案(缩小以后会出现窗口叠加,放大以后工具条错乱等现象)
- Android 自定义字体中英文混合后导致页边距不对的解决方案
- 移动端布局终极解决方案hotcss
- 解决系统改变字体大小的时候导致的界面布局混乱的问题
- 5、输入法弹出时布局错乱的解决方案
- 解决移动端rem加载瞬间页面错乱的方法(放大或者缩小)