悩んでいます

ブラウザの横幅に応じてとある画像（e.jpg）を画面いっぱいに表示できるようにしたいです。（写真の横

締切済

質問者：ウィスク
質問日時：2022/10/06 21:17
回答数：1件

ブラウザの横幅に応じてとある画像（e.jpg）を画面いっぱいに表示できるようにしたいです。（写真の横幅がブラウザの横幅が変わるごとに変化する）
必ずsetIntervalメソッド等を用いてブラウザの横幅を変えた際にリアルタイムに画像が変更されるようにしたいです。
画像の幅をまず取得して、ブラウザの幅も取得し、
ブラウザの幅が変化するごとに写真の幅も自動的に
ブラウザの横幅に合わせるようにしたいのですが分かりません。
詳しい方回答をお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

参考程度に

No.1

回答者： fujillin
回答日時：2022/10/06 22:18

こんばんは

こんなんではいかがでしょうか？

※ bodyのデフォルトマージンはそのままですので、若干の余白が残ります。
※ それも消したい場合は、bodyのmarginを0にしてください。

<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<script>
//hoge = "";
</script>
<body>
<div>
<img src="./e.jpg" style="width:100%;" />
</div>
</body>
</html>