48 lines
567 B
Plaintext
48 lines
567 B
Plaintext
|
||
|
||
|
||
平滑过渡：
|
||
|
||
|
||
|
||
transform:
|
||
|
||
translate 让元素在 x，y轴上进行移动
|
||
rotate 让元素旋转一定的角度
|
||
rotateX
|
||
rotateY
|
||
|
||
scale 让元素进行放大缩小 x ，y
|
||
|
||
skew 斜切 x， y
|
||
|
||
|
||
媒体查询
|
||
|
||
@media
|
||
|
||
|
||
|
||
|
||
|
||
rem 新的尺寸单位 实现尺寸的动态适配
|
||
|
||
|
||
% px vw vh
|
||
|
||
|
||
rem 是参考网页 html 上的 font-size 来动态计算的
|
||
|
||
你写的rem * html 上的 font-size = 真实的尺寸
|
||
|
||
|
||
动态修改 html 上的 font-size
|
||
|
||
1 媒体查询 @media
|
||
|
||
2 js实现
|
||
|
||
|
||
布局的动态适配
|
||
|
||
display: flex |