如何让图片按比例响应式缩放并自动裁剪的css技巧（同时也适用于一些轮播父容器响应式缩放）

响应式网站、移动端页面在DIV CSS布局中对于图片列表或图片排版时， 若是想要图片按比例缩放， 最简单的就是把img宽度设为100%， 不设置高度，高度就会自动跟着高度缩放css 可是若是要达到的效果是，要让图片的宽高要按必定的比例显示，如1：1 、4：3 等， 然而图片尺寸不是这个比例，又不想让图片拉伸变形，自动裁剪掉两边多余部分、这该如何解决呢？html 首先，今天准备了四张宽高各不相同的素

>>阅读原文<<