寫法一：

<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;}