题
如果我有一个风格合成的图像:
<img class="test" src="testimage.jpg" />
img.test { width: 50%;}
所述的图像调整大小以50%的方块含有它,以及垂直尺寸调整,保持纵横比的宽度。
这似乎需要封闭DIV被设置为一个特定的宽度和高度值。但是如果你想封闭DIV自动调整为浏览器被拖到小或大,这是不是可以有问题?
解决方案
我已经澄清我的回答你的原来的问题。去看看,看看它是否清除的东西了。更多或更少的,如果要在图像与您窗口调整大小不能的DIV设置为固定的宽度和高度。该DIV必须有%的宽度和高度也。
其他提示
您需要手动指定width
和height
属性来获取图像,以保持其尺寸。如果你正在使用服务器端的编码,这将不会太困难(PHP / ASP)。
另一种方法将是使用JavaScript来计算并动态调整图像大小。
没有,图像将仍然是在div的50%,并且如果在div是页面的比例,这并不重要。
及其所有比例:包封的div可能是整个窗口的2/3,并且图像将西港岛线的1/2。这一切都显示它之前,只是捣鼓了一堆数计算得到。 ; d
不隶属于 StackOverflow