码迷,mamicode.com
首页 > Web开发 > 详细

div+css怎么让图片自适应大小

时间:2016-06-03 10:01:27      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:

意思是图片能百分百显示在容器里,这个容器可以是table的td,也可以是DIV。以下用div做容器来说明。
图片随页面的变化而变化,那么最好把div的宽度设置成百分比,而不是像素,这样div就不会被固定大小,从而能自适应页面的大小。
<div style=" width="x%"> <!-------x%你可以自己设置,比如50%,80%,100%等-------->
<img style=" width="100%" src="图片路径" />
</div> 

例:
<div style="width:50%; height:50%; ">
<img src="img/0.jpg" width="100%" height="100%" style="max-height:343px; max-width:571px;" />
</div> 
插入图片的信息设置:
<img src="img/0.jpg" width="100%" height="100%" style="max-height:图片高度; max-width:图片宽度" />

div+css怎么让图片自适应大小

标签:

原文地址:http://www.cnblogs.com/mascgh/p/5555149.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!