解析:
rem, em
百分比
媒体查询
bs, antd 等的栅格布局
解析:
谷歌最小 12px, 其他浏览器可以更小
通过 transform: scale 实现
解析:
四个小圆点一直旋转
// 父标签
animation: antRotate 1.2s infinite linear;
// 子标签
animation: antSpin 1s infinite linear;
@keyframe antSpin {
to {
opacity: 1
}
}
@keyframe antRotate {
to {
transform: rotate(405)
}
}
// animation-delay: 逐个延迟 0.4s
解析:
<p style="font-size: 20px">
123
<p style="font-size: 2em;width: 2em">456</p>
</p>
// 此时子元素的 font-size为 40px, 宽度为 80px(还要乘以子元素 font-size 的系数)
解析:
vw:viewpoint width,视窗宽度,1vw 等于视窗宽度的 1%。
vh:viewpoint height,视窗高度,1vh 等于视窗高度的 1%。
vmin:vw 和 vh 中较小的那个。
vmax:vw 和 vh 中较大的那个。