手机端自适应正方形 （适应绝对的正方形）

手机端自适应正方形

一种方法：父级设置宽为任意，高设置为0，设置padding-top：width。由于父级使用的padding撑开的内容区域，所以不能操作内容区域，顾子集不设置宽高，使用position：absolute（绝对定位）top、right、bottom、left为零。

二种方法：宽度和padding-bottom一致 靠padding-bottom撑开

        width: 100%;
         height: 0;
         padding-bottom:100%;

因为盒子设置了heigh:0px；导致该元素里面再有子元素的时候，就无法正常设置高度。所以我们需要用到 可以在父级position: relative;
子级
position: absolute;

width: 100%;

height: 100%