css - 宽度为 100% 时的图像全高

Question

我在顶部有一张图片。我希望它从左到右变宽。尽管在 css 设置中进行了各种更改，但我无法获得图像的全高，但全宽有效。

图像的尺寸是 1920 x 400 px，但是当我测量图像时，高度只有 345 px。是比例问题还是什么？我已经测试过改变图像的宽度，但我仍然得到 345 像素的高度!

我的问题是:我可以获得图像的完整高度吗？使用宽幅图像时，宽度的最佳尺寸是多少？我猜 tp 没有必要有 1920。

HTML:

<div id="start">
<img class="start" src="bilderGuide/bilderLayout/start.jpg" />
</div>

我的 CSS:

#start
{
width: 100%;
height: auto;
}

img.start
{
width: 100%;
height: 100%;
}

Answer 1

你的意思是这样的吗？

jsFiddle

我只是将图像的 css 属性设置为

min-height: 100%;
min-width: 100%;

所以它填满了页面。

或者这不是你的意思吗？

编辑: New jsFiddle