禁止微信内置浏览器调整字体大小
生活随笔
收集整理的這篇文章主要介紹了
禁止微信内置浏览器调整字体大小
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
微信webview內(nèi)置了調(diào)整字體大小的功能,用戶可以根據(jù)實(shí)際情況進(jìn)行調(diào)節(jié)。但是很多移動(dòng)端頁(yè)面的開(kāi)發(fā)都是使用rem作為單位的,字體大小改變以后,會(huì)出現(xiàn)頁(yè)面布局錯(cuò)亂的情況,因此希望能夠禁止微信的字體放大功能,下面是通過(guò)查找資料找到的一些解決方法。 1.安卓手機(jī)禁止微信客戶端修改字體大小 <!-- 強(qiáng)制禁止用戶修改微信客戶端的字體大小---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() {// 設(shè)置網(wǎng)頁(yè)字體為默認(rèn)大小WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });// 重寫(xiě)設(shè)置網(wǎng)頁(yè)字體大小的事件WeixinJSBridge.on('menu:setfont', function() {WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });});}})();
</script>
<!-- 強(qiáng)制禁止用戶修改微信客戶端的字體大小---end--- --> 2.IOS系統(tǒng)禁止微信客戶端修改字體大小 body { /* IOS禁止微信調(diào)整字體大小 */-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;
}
?
總結(jié)
以上是生活随笔為你收集整理的禁止微信内置浏览器调整字体大小的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: KD树学习小结
- 下一篇: Javascrip—前端本地存储讲解(1