html - SafariとChromeでの画像の拡大

Question

広告用の画像をたくさん表示しています。Firefoxでは正常に動作します。しかし、サファリとクロームでは、いくつかのストレッチ画像が表示されます。ここに例を添付します。誰かがこれを解決する方法を知っていますか？

私のコードは、

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