php - 在移动设备上出现拉伸的缩略图图像 (Magento)

Question

我的突出显示产品轮播上的缩略图在移动设备上显示为拉伸。有谁知道我该如何纠正这个？这是highlights.phtml显示图像的文件的一部分：

 <li class="item">
       <div class="product" >
            <a class="product-image" href="<?php echo $this->escapeHtml($product['url']) ?>">
                  <img src="<?php echo $this->escapeHtml($product['image']) ?>">
            </a>

这个问题也出现在我的相关产品轮播中。这是调用图像的 Related.phtml 文件部分：

<div class="product">
     <a href="<?php echo $_item->getProductUrl() ?>"
         title="<?php echo $this->escapeHtml($_item->getName()) ?>" class="product-image">
         <img src="<?php echo $this->helper('catalog/image')->init($_item, 'thumbnail') ?>"
         alt="<?php echo $this->escapeHtml($_item->getName()) ?>"/></a>

标签： phphtmlmagentomagento-1.9