weeqe的博客

Flex 弹性布局，任何一个容器都可以指定为Flex布局，但是设置Flex布局后，float，vertical-align，clear属性会失效容器的属性1.flex-direction  决定主轴的方向，即项目的排列方向  //有4个值row: 主轴为水平方向，起点在左端row-reverse: 主轴为水平方向，起点在右端colum: 主轴为垂直方向，起点在上沿colum-reverse...

padding-bottom是按照父元素的宽度比计算的,而不是按高度算,所以这里可以用溢出的padding-bottom来做（padding-top也可以）.image-header position relative height 0 padding-top 100% //image-header的高度就和他父容器的宽度是一样的 img pos

首先我们在使用Media的时候需要设置下面这段代码，来兼容移动设备的展示效果准备工作1：设置Meta标签 代码参数解释：width = device-width   宽度等于当前设备的宽度initial-scale = 1.0        初始缩放比例（默认1.0）maximum-scale = 1.0 允许用户缩放到最大比例（默认1.0）minimum-scale =

backdrop-filter设置图片的高斯模糊 `backdrop-filter: blur()` 注意：运用backdrop-filter元素的背景应该使用半透明，不然看不到效果 和裁剪属性如border-radius一起使用时会有bug产生 可以配合动画属性animation一起使用transform-origin设置旋转元素的基点 可以设三个值，xy...