我想要一个<img>
,它的宽度是页面的40%,并且会拉长。如何在不拉伸的情况下调整图像大小?
我如何调整它的大小,而不伸展?
举例来说,如果我有一个图像,其文件原本是这样的:
____8888________
____8888________
____8888________
在我的网页上,通常情况下,它应该是这样的:
____8888________
____8888________
____8888________
只要我做的浏览器缩小一点,max-width
(假设这个例子中有10个字符)会生效。
当发生这种情况,我想它是:
____8888__
____8888__
____8888__
(就像它已经从右侧切当然双方都好),
而不是:
__888_____
__888_____
__888_____
- 任何伎俩(把它变成一个
<div>
的背景)是好的。 - 宽度和高度未知。
- 谢谢大家以前的回答,但是,对不起,我认为我没有把重点放在“之后限制其宽度到页面的40%”,这意味着在宽度限制之前它应该看起来很正常。
也许你可以使用JavaScript来获取容器/浏览器的宽度和高度,然后计算实际的px而不是使用%。 – Tommy 2012-01-13 06:32:31