2023-03-01 19:12:58 css样式布局图片img自适应宽度，宽度、高度图片不变形，当图片小于对象盒子宽度时候，图片原始显示。
css样式布局图片img自适应宽度，宽度、高度图片不变形，当图片小于对象盒子宽度时候，图片原始显示；当图片宽度大于盒子宽度时候，自适应盒子宽度显示，而且img图片始终不变形。
CSS关键代码，对图片设置一个最大宽度100%即可实现。
比如盒子class=abc的对象，那么代码：
.abc img{max-width:100%}
这样对象内img图片自适应了，不会随宽度变化而不变化，甚至图片变形。当然img高度不用设置，只设置最大宽度CSS样式，这样高度会等比例自适应，图片也不会变形了。
当然上面设置最大宽度为100%，也可以设置80% 根据自己需求来设置css图片自适应样式布局。