共计 436 个字符，预计需要花费 2 分钟才能阅读完成。
做网站之后，我们会在网站后台发布很多新闻或文章。文章里会插入一些图片，由于图片尺寸不一样，会出现图片超过宽度的问题。特别是制作手机网站时，更容出现这种情况。如何通过CSS3来一次性控制网站所有图片自适应大小呢？
1、图片自动缩放
只要将以下的CSS样式代码放到自己网站的CSS文件里即可。
.cont img{max-width:100%;height:auto;}代码解释：代码里的cont修改成自己的class名。通过控制图片的最大宽度值为100%，高度随宽度自动缩放，而不是直接控制图片宽度，避免了图片被压缩变形。
2、图片居中
如果要让网站图片始终居中显示，只需要加上以下的CSS样式：
.cont img{display:block;margin:0 auto;}所以，CSS3控制图片自适应屏幕大小和居中显示的CSS样式代码就是将二者合并一起。如下：
.cont img{display:block;margin:0 auto;max-width:100%;height:auto;}正文完
