Heim  >  Artikel  >  Web-Frontend  >  JS-Methode zum dynamischen Ändern der Textgröße von Webseiten in Echtzeit entsprechend der Größe des Browsers. window_javascript-Fähigkeiten

JS-Methode zum dynamischen Ändern der Textgröße von Webseiten in Echtzeit entsprechend der Größe des Browsers. window_javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:13:451061Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode, mit der JS die Textgröße von Webseiten dynamisch in Echtzeit entsprechend der Größe des Browserfensters ändert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Derzeit hat das rem von css3 beispiellose Änderungen an unserer mobilen Entwicklung mit sich gebracht und unsere Entwicklung einfacher und kompatibler mit vielen Geräten gemacht, aber dies ist nicht der Schwerpunkt dieses Artikels Größe des Webseitentextes in Echtzeit.

Der Code lautet wie folgt:

<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: Hier empfehlen wir ein sehr einfach zu bedienendes JavaScript-Komprimierungs-, Formatierungs- und Verschlüsselungstool mit sehr leistungsstarken Funktionen:

JavaScript-Komprimierungs-/Formatierungs-/Verschlüsselungstool: http://tools.jb51.net/code/jscompress

Die Verschlüsselungsfunktion im oben genannten JS-Tool kann die Evaluierungsfunktionsverschlüsselungsform von JS-Code realisieren. In diesem Zusammenhang bietet diese Site auch das folgende Entschlüsselungstool für die Evaluierungsfunktionsverschlüsselung, das sehr leistungsstark ist praktisch!

JS-Bewertungsmethode Online-Verschlüsselungs- und Entschlüsselungstool: http://tools.jb51.net/password/evalencode

Leser, die an mehr JavaScript-bezogenen Inhalten interessiert sind, können sich die Spezialthemen auf dieser Website ansehen: „Zusammenfassung der Techniken des JavaScript-Suchalgorithmus“, „Zusammenfassung der Spezialeffekte und Techniken der JavaScript-Animation.“ ", "Zusammenfassung von JavaScript-Fehlern und Debugging-Techniken", "Zusammenfassung von JavaScript-Datenstrukturen und Algorithmustechniken", "Zusammenfassung von JavaScript-Traversal-Algorithmen und -Techniken“ und „JavaScript-Mathematik-Zusammenfassung der Operationsverwendung

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn