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

Posted 2020-07-19 风在起时

意思是图片能百分百显示在容器里，这个容器可以是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:图片宽度" />