css体验优化之图片容器设置宽高比

需求 我们在做web页面的时候，经常会有一些图片列表，例如下图的视频列表以及表情列表：        需求要求： 1. 列表是responsive的，在不同宽度的浏览器下面，图片要自适应容器宽度 2. 图片在自适应的过程中，图片的长宽比要保持不变   常规解决方案 在container宽度固定的需求中（比如PC版页面）,我们直接设置图片容器或者图片为固定的宽高就好了，比如： 1 img{ 2

>>阅读原文<<