自适应问题在移动项目中经常遇到。我们来看看自适应的方法：方案一：设置垂直方向的padding。在盒模型中，margin和padding值的百分比值是相对于父元素的宽度计算的，因此将padding值设置为与宽度值相同的百分比。.box{width:50%;height:0;padding-bottom:50%;background-color:lightblue;}方案二：使用vw【浏览器兼容性不好】CSS3增加了一套相对视觉的长度单位面积百分比有vw、vh、vmin、vmax。1vw=1%视口宽度；1vh=1%viewportheight.box{width:50%;height:50vw;background-color:lightblue;}方案三：通过设置margin.box{width:50%;伪元素的背景-color:lightblue;溢出：隐藏；}.box：之前{内容：''；显示：块；边距顶部：100%；}
