您的位置:首页 > Web前端 > CSS

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

2016-06-03 09:30 676 查看
意思是图片能百分百显示在容器里,这个容器可以是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:图片宽度" />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: