移動端背景等比例縮放，一般實現方法是，直接使用css3的background-size，但是有缺陷，高度不能固定縮放，

如果高度background-size： 100% 100%； 圖片會變形，還有實現方法是用js來控制高度。

如果用css來實現，在網上找半天終於找到一種方法，寬度100%，圖片都能等比例

比較偏的小技巧,就是padding-bottom是按照父元素的寬度比計算的,而不是按高度算,所以可以用溢位的padding-bottom來做

例子

<div>

<p>內容</p>

</div>

.div {

overflow: hidden;

 position: relative;

background: url() 0 0 no-repeat;

height: 0;

width: 100%;

background-size: 100%

padding-bottom: 100%;//設定比例

}

p{

position: absolute;

}

實現圓等比例縮放實現

<div>

<img></img>

</div>

div{

width: 30%;

padding-top: 30%;

overflow: hidden;

position: relative;

border-radius: 100%;

}

div  img{

width: 100%;

position: absolute;

top: 0;

left: 0;

height: auto;

}