css體驗優化之圖片容器設置寬高比

需求 我們在做web頁面的時候，經常會有一些圖片列表，例如下圖的視頻列表以及表情列表：        需求要求： 1. 列表是responsive的，在不同寬度的瀏覽器下面，圖片要自適應容器寬度 2. 圖片在自適應的過程中，圖片的長寬比要保持不變   常規解決方案 在container寬度固定的需求中（比如PC版頁面）,我們直接設置圖片容器或者圖片爲固定的寬高就好了，比如： 1 img{ 2

>>阅读原文<<