Heim  >  Artikel  >  Web-Frontend  >  HTML implementiert die Seitenaktualisierung, wenn sich die Fenstergröße ändert (Code)

HTML implementiert die Seitenaktualisierung, wenn sich die Fenstergröße ändert (Code)

不言
不言Original
2018-08-17 18:03:533420Durchsuche

Der Inhalt dieses Artikels befasst sich mit der Seitenaktualisierung (Code), wenn sich die Fenstergröße in HTML ändert. Ich hoffe, dass er für Sie hilfreich ist.

<!DOCTYPE html>
 <html>
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
     <title>Document</title>
     <script>
         //窗口大小变化时候,进行刷新页面操作,防止样式混乱
             var x=window.innerWidth;
         function resizeFresh(){
             if(x!=window.innerWidth)
                 location.reload();
         }
     </script>
 </head>
 <body onresize="resizeFresh()">
     <div style="min-width:800px; height: 400px; background-color: brown;">
    </div>
     刷新页面
 </body>
 </html>

Verwandte Empfehlungen:

So verwenden Sie js, um die Long-Press-Funktion in HTML (Code) zu implementieren

html Thead-Tag Was ist die Funktion? Einführung in HTML-Thead-Tag-Attribute

Das obige ist der detaillierte Inhalt vonHTML implementiert die Seitenaktualisierung, wenn sich die Fenstergröße ändert (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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