css

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。