如何使用CSS控制网站模板内容页图片尺寸大小显示控制

我们在网站模板的制作中会发现图片过大会显示超出网页边框等等，显的很不整齐，要是以前我们可以直接在更新上传图片的时候直接给图片指定尺寸，
但是现在我们网站基本都是多端的，你指定了尺寸就不合适了，指定大了手机上显示不合适了，指定小了pc上显示又不合适了，所以我们只能在CSS上做设置了。

比如 更新的图片不指定大小，在手机上显示100%宽度，它自动根据屏幕显示就行了，但是要是指定大小尺寸就不行了。
但是手机版的没问题了，不指定大小尺寸，碰到大尺寸的图片在PC页面上显示可能就有问题了，
下面我们直接看举例CSS代码

 .content-cen{ width:100%; float:none; margin-top:10px; text-align:justify; text-justify:auto;} .content-cen img{ text-align: center; clear: both; margin: 0 auto; padding: 0; display: block;} .content-cen img { max-width:900px; }
比如内容显示的CSS=content-cen
在设置content-cen的基本属性后 我们可以加一个 content-cen img 我们通过content-cen img设置图片在内容页里的显示
比如 max-width:900px; 就是说图片最大显示不超过900像素，你根据你网站显示内容区的实际大小设置就行了，
在HTML里CSS 直接读取<div class="content-cen"> 就行了 
content-cen img部分的设置系统自动执行。