背景：朋友有一个需求，就是列表页显示的图片要做裁剪，不然不按比例缩小图片看起来就变形了。本来想好的解决办法是用PHP来生成缩略图，然而试了好几个开源缩略图类都没有一个满意的，突然想到为什么不直接用CSS呢？
比如你有一张图片是400x300像素的，然后你的列表页要显示的宽高是100x100像素,这时候怎么办呢?
1. 先按比例缩小图片，即设置img标签的height="100px" ;
2. 裁剪, 设置包围img标签的div的宽高为100x100
3. done !!!
本文共 308 字，大约阅读时间需要 1 分钟。
背景：朋友有一个需求，就是列表页显示的图片要做裁剪，不然不按比例缩小图片看起来就变形了。本来想好的解决办法是用PHP来生成缩略图，然而试了好几个开源缩略图类都没有一个满意的，突然想到为什么不直接用CSS呢？
比如你有一张图片是400x300像素的，然后你的列表页要显示的宽高是100x100像素,这时候怎么办呢?
1. 先按比例缩小图片，即设置img标签的height="100px" ;
2. 裁剪, 设置包围img标签的div的宽高为100x100
3. done !!!
转载于:https://www.cnblogs.com/bushe/p/4518446.html