css选择器大小排列,使自身优先级为最高,兼容样式：行业主流清除浮动,背景处理，隐藏四种，点击图片动画缩放效果，图片自动旋转

边距等比缩放方法 1：使用vw单位vw代表视口宽度的 1/100，适用于宽度自适应。边距 padding:calc(72px*(100vw/1920)); 字体 font-size:calc(72px*(100vw/1920));方法 2：使用clamp()限制最小/最大值防止padding过小或过大，可以使用clamp()： padding:clamp(24px,3.75vw,72px); font-size:clamp(24px,3.75vw,72px);

在 CSS 中，选择器是选取需设置样式的元素的模式。请使用我们的 CSS 选择器测试工具，它可为您演示不同的选择器。

IE6和IE7、谷歌 、火狐、屏幕大小尺寸媒体查询兼容性

flex-direction 属性决定主轴的方向（即项目的排列方向）。:row | row-reverse | column | column-reverse; row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。 flex-wrap: nowrap | wrap (常用)| wrap-reverse; flex-flow <flex-direction> <flex-wrap> justify-content justify-content: flex-start | flex-end | center | space-between | space-around; flex-st...