English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Implementación de prohibición de ampliación de fuente en páginas de WeChat móviles con js

Debido a que WeChat tiene una función de ampliación de fuentes integrada, por lo que todas las páginas basadas en WeChat pueden ampliar los textos a través de WeChat. Sin embargo, en algunas circunstancias, esto no es lo que queremos, porque muchos desarrolladores de páginas móviles utilizan rem como unidad. Cuando se amplían los textos con WeChat, puede aparecer un desorden en la disposición general de la página, lo que es extremadamente desagradable para la experiencia del usuario. Esperamos prohibir la función de ampliación de fuentes de WeChat. A continuación, mencionaré algunas soluciones que encontré buscando información

1.Código JavaScript para prohibir la ampliación de fuentes en teléfonos Android

<span style="fuente-tamaño:14px;">/* 
 * Añadir este código a la página permitirá que las páginas de dispositivos Android no se vean afectadas por el cambio de tamaño forzado de la fuente del usuario 
 * pero habrá un1un retraso de unos segundos, durante el cual puede considerar mostrar loading 
 * Sólo para referencia 
 */ 
(function(){ 
 if (typeof(WeixinJSBridge) == "undefined") { 
  document.addEventListener("WeixinJSBridgeReady", function (e) { 
   setTimeout(function(){ 
    WeixinJSBridge.invoke('setFontSizeCallback',{"tamañoFuente":0}, function(res) { 
     // alert(JSON.stringify(res)); 
    }); 
   },0); 
  }); 
 } else { 
  setTimeout(function(){ 
   WeixinJSBridge.invoke('setFontSizeCallback',{"tamañoFuente":0}, function(res) { 
    // alert(JSON.stringify(res)); 
   }); 
  },0); 
 } 
})(); 
</span>

2El teléfono inteligente iPhone no permite ampliar la fuente, código CSS

<span style="fuente-tamaño:14px;"><style type="text/css"> 
 cuerpo 
 { 
  -webkit-texto-tamaño-ajust: 100% !important; 
  texto-tamaño-ajust: 100% !important; 
  -moz-texto-tamaño-ajust: 100% !important; 
 } 
</style></span> 

Este es el contenido completo del artículo. Espero que el contenido de este artículo pueda ayudarle en su aprendizaje o trabajo y esperamos que nos apoye más en el tutorial de grito!

Declaración: el contenido de este artículo se ha obtenido de la red, es propiedad del autor original, el contenido se ha contribuido y subido por los usuarios de Internet de manera autónoma. Este sitio no posee los derechos de propiedad, no ha sido editado por humanos y no asume responsabilidades legales relacionadas. Si encuentra contenido sospechoso de copyright, por favor envíe un correo electrónico a: notice#oldtoolbag.com (al enviar un correo electrónico, reemplace # con @) para denunciar y proporcionar pruebas relacionadas. Una vez confirmado, este sitio eliminará inmediatamente el contenido sospechoso de infracción.

Te gustará