ホームページ > 記事 > ウェブフロントエンド > 異なる画面解像度に応じて異なる画像を表示するにはどうすればよいですか? _html/css_WEB-ITnose
異なる画面解像度に応じて異なる画像を表示するにはどうすればよいですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:50:002022ブラウズ
画面幅が 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>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。