有兩倍高度的圖像？

Question

我目前正在開發一個網站，並且在我的HTML/CSS中遇到了一個問題。我願意接受HTML，CSS或Jquery的解決方案。 我的問題如下：

我想要一個圖像有寬度：99％;身高：199％;. 雖然這不起作用。當我用chrome運行它時，圖像寬度爲99％，但高度僅爲90％左右。爲什麼是這樣？我可以修復它嗎？

Answer 1

祖先元素應該有一個高度定義。

添加一個規則的HTML和身體：

html, body{ 
 
    height: 100%; 
 
} 
 
body{ 
 
    min-height: 100%; 
 
} 
 
img{ 
 
    width:99%; 
 
    height:199% 
 
}

<img src="http://placehold.it/200/200" />

Answer 2

首先確保你的HTML和你的CSS體類未設置爲100％ 那麼你可以嘗試這樣的事情

<img src="image.jpg" style="width:99%; height:199%" /> 

我認爲應該工作。