直接效果圖:

效果需求:
1:外部容器需要隨着瀏覽器界面的大小動態調節。
2:里面每個item需要動態適應外容器的變化;行隙、列隙根據空留的空間動態調整。
3:當超過容器高度的時候滾動條滑動顯示。
設計技術:
1:css中Grid的使用;
2:js動態生成html節點
參考文檔:
1:阮一峰Grid手冊:http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
主要代碼:



源代碼地址:https://github.com/gamecc666/ExperimentProject/tree/master/GridUseagePro
