ホームページ > 記事 > ウェブフロントエンド > HTML は、ウィンドウ サイズが変更されたときにページを更新するように実装します (コード)
HTML は、ウィンドウ サイズが変更されたときにページを更新するように実装します (コード)
- 不言オリジナル
- 2018-08-17 18:03:533496ブラウズ
この記事の内容はHTMLのウィンドウサイズ変更時のページ更新（コード）ですので、困っている方は参考にしていただければ幸いです。
<!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>関連する推奨事項:
HTMLにおけるtheadタグの役割は何ですか? HTML thead タグ属性の紹介
以上がHTML は、ウィンドウ サイズが変更されたときにページを更新するように実装します (コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。