Maison > interface Web > tutoriel HTML > 如何根据不同的屏幕分辨率来显示不同的图片?_html/css_WEB-ITnose

如何根据不同的屏幕分辨率来显示不同的图片?_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:50:00
original
2117 Les gens l'ont consulté

如屏幕宽度小于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>

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal