技术开发和实际操作总是有很大的区别，比如常见的图片列表，一般设计图都是固定尺寸的，但是实际操作的人并不多去ps将图片裁剪到已知尺寸。大部分图片都是直接上传的，比例差不多。为了解决图片列表显示不规则的问题，有瀑布流，或者相册等相应的解决方案，但是对于多端响应式的网站来说，这是一个非常头疼的问题。1.固定图片大小常用方法的缺点固定图片宽高，图片变形响应式布局跨度不能太大，需要小跨度频繁修改宽度不利于左右间距控制等2.二方案一：使用rem写responses样式的宽高，宽高是根据font-size的大小动态修改的。优点是响应式布局很方便，都是按比例缩放的。缺点是如果图片不规则，图片变形在所难免。为了解决图像变形的问题，下面介绍第二种方案。方案二：使用定位比例的方法定义图片的外框（div或dt）如下：height:0;//设置高度为0width:23%;//使用百分比宽度和百分比边距margin:01%;position:relative;//定位padding-bottom:75%;//使用padding按比例扩展divoverflow:hidden;//overflow部分此时隐藏框内的图片设置宽度为100%，高度自适应，定位在(0,0)，图片会被外框自动截取，因为padding和width外框的都是百分比，所以整个布局都是用百分比显示的。位置：绝对；//定位在0,0，解决padding占高度，图片不在左上的问题:0;top:0;width:100%//自适应高度，宽度百分比height:auto;优点如下：根据宽高百分比设置padding，可见区域按比例缩放，解决图片变形问题。一种布局是多终端友好的
