禁止微信内置浏览器调整字体大小
生活随笔
收集整理的這篇文章主要介紹了
禁止微信内置浏览器调整字体大小
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
微信webview內置了調整字體大小的功能,用戶可以根據實際情況進行調節。但是很多移動端頁面的開發都是使用rem作為單位的,字體大小改變以后,會出現頁面布局錯亂的情況,因此希望能夠禁止微信的字體放大功能,下面是通過查找資料找到的一些解決方法。
1.安卓手機禁止微信客戶端修改字體大小
<!-- 強制禁止用戶修改微信客戶端的字體大小---begin--- -->
<script>
(function() {
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
handleFontSize();
} else {
if (document.addEventListener) {
document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
} else if (document.attachEvent) {
document.attachEvent("WeixinJSBridgeReady", handleFontSize);
document.attachEvent("onWeixinJSBridgeReady", handleFontSize); }
}
function handleFontSize() {
// 設置網頁字體為默認大小
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
// 重寫設置網頁字體大小的事件
WeixinJSBridge.on('menu:setfont', function() {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
});
}
})();
</script>
<!-- 強制禁止用戶修改微信客戶端的字體大小---end--- -->
2.IOS系統禁止微信客戶端修改字體大小
body { /* IOS禁止微信調整字體大小 */
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
}
總結
以上是生活随笔為你收集整理的禁止微信内置浏览器调整字体大小的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux-ubuntu下fastQC的
- 下一篇: 浙政钉部分埋点成功排查