將圖像高度設置爲100％，並將寬度設置爲自動在Safari中不工作

我試圖把一個圖像放在div裏面，我把width: auto;和height: 100%;。這在Chrome和FireFox中運行良好，但在Safari中卻不行，我敢於在IE中檢查！我應該改變什麼？將圖像高度設置爲100％，並將寬度設置爲自動在Safari中不工作

<div class="row"> 
    <div class="col-md-12"> 
     <div class="loggo-title" href="<?php bloginfo('url'); ?>"> 
      <img src="<?php bloginfo('template_directory'); ?>/img/header.png" height="100%" width="auto"/> 
     </div> 
    </div> 
</div>

我還試圖使它的CSS方式與

img { 
    height: 100%; 
    width: auto; 
}

提前感謝！漢納斯

來源

2014-03-31 HannesH

你想把圖像100％你的div？是的，爲什麼不在你的div中使用背景圖片？ –

當你用CSS試過時，你是否從你的img標籤中刪除了高度和寬度屬性？如果不嘗試。另外我不認爲href是div的有效屬性（但我可能是錯的） – Pete

Oho，肯定是一個愚蠢的錯誤，謝謝@Pete！是的，我刪除了寬度和高度屬性，可悲的是它也沒有工作。 :( – HannesH

-1

嘗試寬度100％爲好，如果你想要的形象保持相同的縱橫比，

來源

2014-03-31 13:05:38 Chris

感謝您的回覆如此之快！問題在於它是一個文本圖像，所以我需要它保持一定的寬度，只依賴於高度。如果我把100％的寬度和高度自動，它將是非常大的.... – HannesH

然後嘗試在50％的圖像，然後它將永遠是一半，我會建議玩百分比arround，因爲寬度是自動的，它可以在各種瀏覽器@HannesH中看起來很扭曲 – Chris

-2

你試過doesnt't寫在寬度什麼？我會嘗試寫作：

<img src="<?php bloginfo('template_directory'); ?>/img/header.png" height="100%" width=""/> 

img { height:100% }

它適合我！

來源

2014-03-31 13:07:18 raquelfishes

將圖像高度設置爲100％，並將寬度設置爲自動在Safari中不工作

回答

相關問題