高频面试题总结
HTML CSScss垂直居中
vertical-align: middle; display: inline-block(前提)
position: absolute; top: 50%; transform: translateY(-50%)
父元素：display: flex; 子元素： align-self: center; (align-self可以覆盖父容器align-item的属性)
响应式布局的实现方式和原理响应式布局就是让网站同时适配不同的手机和分辨率方式有：1.百分比布局：百分比布局是相对于父元素来说的，我们可以设置的属性有：margin padding width height，对于元素的font-size border是无法设置的。2.媒体查询：设置不同分辨率下的css样式从而适配不同的手机端。3.rem布局：根据html的font-size的大小设置每个元素的属性的大小是多少rem，通常需要先通过js动态改变html的font-size大小，或利用媒体查询先设置html的font-size大小。4.vw布局：css3引入的新单位，视口宽度是100vw，通 ...