设置浏览器调整大小比例图像的宽度

Question

如果我有一个风格合成的图像：

<img class="test" src="testimage.jpg" />

img.test { width: 50%;}

所述的图像调整大小以50％的方块含有它，以及垂直尺寸调整，保持纵横比的宽度。

这似乎需要封闭DIV被设置为一个特定的宽度和高度值。但是如果你想封闭DIV自动调整为浏览器被拖到小或大，这是不是可以有问题？

Answer 1

我已经澄清我的回答你的原来的问题。去看看，看看它是否清除的东西了。更多或更少的，如果要在图像与您窗口调整大小不能的DIV设置为固定的宽度和高度。该DIV必须有％的宽度和高度也。

Answer 2

您需要手动指定width和height属性来获取图像，以保持其尺寸。如果你正在使用服务器端的编码，这将不会太困难（PHP / ASP）。

另一种方法将是使用JavaScript来计算并动态调整图像大小。

Answer 3

没有，图像将仍然是在div的50％，并且如果在div是页面的比例，这并不重要。

Answer 4

及其所有比例：包封的div可能是整个窗口的2/3，并且图像将西港岛线的1/2。这一切都显示它之前，只是捣鼓了一堆数计算得到。 ; d