css

背景：做的是一个类似网易云 "年终报告" 的H5页面，利用了vant2的van-swipe轮播组件。 思路： 刚开始是看了相关的文章，试图利用wow.js插件去实现，wow.js的实现方式是基于监控滚

响应式 书写顺序 能够根据设备宽度的变化，设置差异化样式 min-width（从小到大） max-width（从大到小） 默认值 768以下是XS 768-992是SM 992-1200是MD 120

移动适配rem；less； vw/vh; 移动适配 rem ： 目前多数在用的解决方案 rem是相对单位 rem单位是相对于HTML标签的字号计算结果 1rem = 1HTML

今日小兔鲜儿pc端案例 通过flex流式布局 使用justify-content， align-items，flex-direction等相关内容对设计稿进行还原 锻炼使用flex布局的能力 HTML

百分比布局 百分比布局， 也叫流式布局 效果： 宽度自适应，高度固定。 Flex布局/弹性布局： 1.是一种浏览器提倡的布局模型 2.布局网页更简单、灵活 3.避免浮动脱标的问题 基于 Flex 精确

空间转换，透视，立体呈现，动画 空间转换 transform: translate(x):一个参数代表x方向 transform: translate(x, y) transform: tr