異なる画面解像度に応じて異なる画像を表示するにはどうすればよいですか? _html/css_WEB-ITnose

画面幅が 1400 未満の場合は、画像 1 を使用します。
それより大きい場合は、画像 2 を使用し、画像の幅を画面の幅に指定します。

ディスカッションに返信 (解決策)

window.screen.width を定義し、それをバックグラウンド出力に渡します

<script> <p class="sougouAnswer"> if(window.screen.width<1400){ <br /> document.write( "< img src='img1.png' style='width:100%' text-align='center'>"); <br> }else{ <br> document.write("<img src='img2.png ' style= 'width:100%' text-align='center'>"); <br> } <br> </script>