css

多個寬度不同圖片（高度相同）在一行，并且需要隨著屏幕寬度自適應(yīng)：
height 用 vw 為單位來寫
–> vw參照的是瀏覽器視窗的寬度，即將視窗寬度平分為100份，看每個容器占視窗寬度的幾份
–> 假設(shè)此時是1920分辨率，且瀏覽器全屏，一個容器寬度是192px，那么它占的份數(shù)就是192/1920*100=10vw。
–> 然后圖片寬度設(shè)置為auto
例如：

img{width: auto;height: 2.396vw;// 圖片原本設(shè)置的高度為46px, 46/1920*100j = 2.396... }

總結(jié)

以上是生活随笔為你收集整理的Daily Accumulation的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。