有两倍高度的图像？

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%" /> 

我认为应该工作。