全屏滚动效果实现方案
方案 1：纯 CSS Scroll Snap
# CSS（4）
Grid 布局结合媒体查询@media实现动态列布局
本文围绕《Grid 布局结合媒体查询@media实现动态列布局》整理核心概念、实现方法与实践要点，便于快速理解和查阅。
CSS展开收起
浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何
图片布局解决方案：object-fit
在日常开发中图片的布局往往令开发者比较头疼，要实现响应式也是很麻烦，要是客户的图片再非常的不规整，容易使图片长宽被拉伸，很不好看。这时就可以用到object-fit属性。 假设这里有三张图片