图片自适应屏幕大小

最新推荐文章于 2024-06-13 19:04:45 发布

最新推荐文章于 2024-06-13 19:04:45 发布 · 233 阅读

本文展示了一张图片，若无图片则说明原因。

  <style type="text/css">    #image img{  max-width:1024px;  width:expression(document.body.clientWidth > 1024? "1024px": "auto" );  border:1px dashed #000; }



<body>
  <center>
	 <div id="image">
	   	<c:if test="${label!= null}">
	   		<img src="UploadImg/${label.picUrl }"/>
	   	</c:if>
	   	<c:if test="${label== null}">
	   		<center><h1>暂无照片信息!</h1></center>
	   	</c:if>
	 </div>
	 </center>
  </body>