Maison > Article > interface Web > 如何根据不同的屏幕分辨率来显示不同的图片？_html/css_WEB-ITnose
如何根据不同的屏幕分辨率来显示不同的图片？_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:50:002022parcourir
如屏幕宽度小于1400时用图片1，
大于时，用图片2，并且指定图片的宽度为屏幕的宽度。
回复讨论(解决方案)
定义 window.screen.width 传给后台输出.
<script> <br /> if(window.screen.width<1400){ <br /> document.write("<img src='img1.png' style="max-width:90%" text-align='center' alt="如何根据不同的屏幕分辨率来显示不同的图片？_html/css_WEB-ITnose" >"); <br /> }else{ <br /> document.write("<img src='img2.png' style="max-width:90%" text-align='center' alt="如何根据不同的屏幕分辨率来显示不同的图片？_html/css_WEB-ITnose" >"); <br /> } <br /> </script>
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：HTML、CSS中的网页页面布局问题_html/css_WEB-ITnoseArticle suivant：<a href>如何向两个action同时传一个值？_html/css_WEB-ITnose