背景图片根据宽度自适应高度的方案

移动前端自适应开发过程中，使用背景图片替换img标签时，img标签可以根据屏幕宽度自适应高度，而背景图片却无法适应高度，使用css的内边距（padding）可以解决高度问题，因为垂直方向的padding值，根据宽度的大小来计算的，办法如下；

<style>
    .wrap{
        width: 100%;
    }
    .banner{
        width: 100%;
        max-width: 490px;