杂七杂八小知识点 (1)

1、自适应正方形 使用padding-top/bottom的默认属性：基于父元素的宽度 width: 40%; padding-top: 40%; border: 1px solid red; 效果如下： 使用vw、vh单位 相对于视口的宽度。视口被均分为100单位的vw。 相对于视口的高度。视口被均分为100单位的vh。 width : 40vw; height : 40vw; border:

>>阅读原文<<