Maison  >  Article  >  interface Web  >  Méthode JS pour modifier dynamiquement la taille du texte des pages Web en temps réel en fonction de la taille du navigateur window_javascript skills

Méthode JS pour modifier dynamiquement la taille du texte des pages Web en temps réel en fonction de la taille du navigateur window_javascript skills

WBOY
WBOYoriginal
2016-05-16 15:13:451061parcourir

L'exemple de cet article décrit la méthode JS modifiant dynamiquement la taille du texte des pages Web en temps réel en fonction de la taille de la fenêtre du navigateur. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

À l'heure actuelle, le remplacement de CSS3 a apporté des changements sans précédent à notre développement mobile, rendant notre développement plus facile et plus compatible avec de nombreux appareils, mais ce n'est pas l'objet de cet article. Cet article se concentre sur la façon dont utiliser js pour modifier le. taille du texte d'une page Web en temps réel.

Le code est le suivant :

<script>
 /* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
 function placeholderPic(){
  var w = document.documentElement.offsetWidth;
  document.documentElement.style.fontSize=w/20+'px';
 }
 placeholderPic();
 window.onresize=function(){
  placeholderPic();
 }
</script>

PS : Nous recommandons ici un outil de compression, de formatage et de chiffrement JavaScript très simple à utiliser et doté de fonctions très puissantes :

Outil de compression/formattage/chiffrement JavaScript : http://tools.jb51.net/code/jscompress

La fonction de cryptage dans l'outil js ci-dessus peut réaliser la forme de cryptage de la fonction eval du code js À cet égard, ce site fournit également l'outil de décryptage suivant pour le cryptage de la fonction eval, qui est très puissant et. pratique!

Outil de cryptage et de décryptage en ligne de la méthode d'évaluation JS : http://tools.jb51.net/password/evalencode

Les lecteurs intéressés par davantage de contenu lié à JavaScript peuvent consulter les sujets spéciaux sur ce site : "Résumé des techniques d'algorithme de recherche JavaScript", "Résumé des effets et techniques spéciaux d'animation JavaScript ", "Résumé des erreurs JavaScript et des techniques de débogage", "Résumé des structures de données JavaScript et des techniques d'algorithme", "Résumé des algorithmes et techniques de traversée JavaScript" et "Résumé mathématique JavaScript de l'utilisation des opérations

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn