CSS 快速居中对齐 padding与margin（作用的对象不同）vw 与 % 块级元素与行内元素 如何让谷歌浏览器支持小字体

快速居中对齐

body {
  display: flex;
}
.child-item {
  margin: auto;
}

padding与margin（作用的对象不同）

• padding：给自身

• margin：给外部

vw 与 %

• 百分比：有继承关系，继承父级，默认body

• vw：只与设备宽度有关

块级元素与行内元素

• 行内元素：不换行、不可以设置大小、大小由内容决定

• 块级元素：默认占满一行，会继承父元素

如何让谷歌浏览器支持小字体

.small-font {
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
}