免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码

标题: H5禁止微信放大字体 [打印本页]

作者: admin 时间: 2025-3-19 14:04
标题: H5禁止微信放大字体
‌要在H5页面中禁止微信放大字体，可以通过以下几种方法实现‌：

‌CSS设置‌：

‌iOS设备‌：可以在H5页面的CSS中添加以下代码来禁止字体放大：

body {
-webkit-text-size-adjust: 100%!important;
text-size-adjust: 100%!important;
-moz-text-size-adjust: 100%!important;
}

‌Android设备‌：可以通过JavaScript动态添加meta标签来禁止字体放大：

function createMetaTag(name, content) {
var metaTag = document.createElement('meta');
metaTag.setAttribute('name', name);
metaTag.setAttribute('content', content);
return metaTag;
}
var viewportMeta = createMetaTag('viewport', 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no');
document.head.appendChild(viewportMeta);

‌JavaScript设置‌：

在页面加载时，可以通过JavaScript检测微信环境并设置字体大小：

(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});
});
}

欢迎光临免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (https://ourphp.net/club/)