ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横幅がブラウザの横幅が変わるごとに変化する)
必ずsetIntervalメソッド等を用いてブラウザの横幅を変えた際にリアルタイムに画像が変更されるようにしたいです。
画像の幅をまず取得して、ブラウザの幅も取得し、
ブラウザの幅が変化するごとに写真の幅も自動的に
ブラウザの横幅に合わせるようにしたいのですが分かりません。
詳しい方回答をお願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
こんばんは
こんなんではいかがでしょうか?
※ 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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- HTML・CSS 要素の幅をいろんな写真の幅に合わせたい。 1 2022/07/25 20:11
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(Microsoft Office) 複数の写真を1枚に印刷 5 2023/05/05 22:41
- HTML・CSS 分数が正常に表示されない。 6 2022/05/09 18:53
- 引越し・部屋探し 【冷蔵庫搬入の幅について】 引っ越しをします。 冷蔵庫をかおうと思っています。 急ぎです。 価格は安 2 2023/06/15 19:12
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- Excel(エクセル) Excelでこういうカードの作り方 枠線の引き方や、挿入画像の拡大縮小など わかる方教えてください、 2 2022/05/03 21:22
- 政治 私の発明した「二階建て漢字」は使えるでしょうか? 3 2023/02/08 16:40
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
slideToggleの動きがおかしい
-
ブラウザ自体の事じゃなくてJav...
-
ASP(VBS) ←→ JavaScript の変数...
-
VBS作動中のブラウザのmsgboxに...
-
gas 全角数字を半角数字に変換
-
javascript:void(0)とは何でし...
-
再帰呼び出しになってしまうの...
-
JSON形式でのページング処理に...
-
Vba SelStart、SelLen教えてく...
-
VB.NET2003 テキストボックスに...
-
ひらがな専用入力エリアのチェック
-
JavaScriptでテキス...
-
C#でボタン名を変更しても動く
-
クリックすると下に説明文が出...
-
フォルダを自動で開く
-
ハイフンだけ置換したい。
-
csvファイルを読み込み、該当項...
-
JSPの処理の途中で、JavaScript...
-
VBAによる第3、4水準文字の判定...
-
JavaScriptの正規表現の全角ス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScriptで ブラウザの閉じる...
-
ブラウザ自体の事じゃなくてJav...
-
ASP(VBS) ←→ JavaScript の変数...
-
javascriptで「オブジェクトを...
-
あるurlが存在する(?)かどう...
-
JavaScriptでIEのウィンドウを...
-
VBS作動中のブラウザのmsgboxに...
-
ブラウザの横幅に応じてとある...
-
slideToggleの動きがおかしい
-
JavaScriptのブックマークレッ...
-
ウインドウがアクティブか調べ...
-
【JavaScript】いまどき未対応...
-
if(1){...}とはどういうことで...
-
Vba SelStart、SelLen教えてく...
-
VB.NET2003 テキストボックスに...
-
JSPの処理の途中で、JavaScript...
-
gas 全角数字を半角数字に変換
-
デザイン時のVisible=Falseは実...
-
「終了していない文字列型の定...
-
フォルダを自動で開く
おすすめ情報