Safari和Chrome中的图像拉伸

Question

我正在展示广告的大量图片。在Firefox中它工作正常。但在safari和chrome中，它显示了一些strech图像。这里附有一个例子。任何人都知道如何解决这个问题？

我的代码就像，

   <style>  
    #globalpsa {
    width:100%;
    height:100%;
    border:3px double #fff;
    margin:2% auto;
    }
   #globalpsa input[type="image"] {
    width:100%;
    height:100%;
    }
    </style>

    <div id="globalpsa">
    <a> 
     <input type="image" src="/images/advert_images/ban2.jpg" alt="globalpsa"    
     name="globalpsa"/>          
     </a>
     </div>

谢谢，

Answer 1

删除高度并查看图像。默认情况下，图像是成比例的。

<style>  
 #globalpsa {
  width:100%;
  /* height:100%; remove this */
  border:3px double #fff;
  margin:2% auto;
 }
 #globalpsa input[type="image"] {
  width:100%;
  /* height:100%; remove this */
 }
</style>