https://www.airbnb.com/s/Oreg...我發現airbnb一個東西我想研究但是偷不走我知道是flex相關技術只是他的又更特別進去的時候你應該會看到五個col的房屋資訊，有好幾行瀏覽器先把寬度拉到最小?變成手機版此時會剩下一個然后往右開始拖拉直到有兩個col從這里開始再往右拉到有四個col的時候這段期間的變化我實在是想偷也偷不走很明顯外面的div跟里面的圖片寬度是一致的隨著父的寬度會等比例放大重點是原本的圖片大小假設是160x100他也會根據比例放大到320x200 ....之類的這到底是怎么做到的？！整個區塊會往右下角放大
1 回答
哈士奇WWW
TA貢獻1799條經驗 獲得超6個贊
這種一般都是媒體查詢啊，類似于這種寫法，對每個具體的屏幕尺寸做適當調整
@media (max-width: 1030px) { .box { width:25%
}
}
@media (max-width: 991px) { .box { width:33.3%
}
}
@media (max-width: 721px) { .box { width:50%
}
}
...- 1 回答
- 0 關注
- 515 瀏覽
添加回答
舉報
0/150
提交
取消