[响应式]两种图片等比缩放写法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/yuxipro/article/details/84098334

写法一：

<div class="pic"><a href=""><img src="images/pic-product1.jpg" alt=""></a></div>

样式： 

 .pic{padding-bottom:34px;}

 .pic,.pic a,.pic img{width: 100%;height: 100%;padding-bottom:34px;}

写法二：
 

<div class="item"><a href="" style="background-image:url(images/pic-banner1.jpg)"></a></div>  

样式：

.item a{display: block;padding-top:46.71%;
background-repeat: no-repeat;background-position: center;background-size: cover;}