我想要一个<img>
标签,它的宽度为页面宽度的40%,并且不会被拉伸。
如何调整大小而不拉伸图片?
比如,如果我有一张文件原本是这样的图片:
____8888________
____8888________
____8888________
在我的网页中,通常应该是这样的:____8888________
____8888________
____8888________
当我将浏览器变窄一些时,max-width
(在此示例中为10个字符)会生效。
当发生这种情况时,我希望它是:
____8888__
____8888__
____8888__
(就像被从右侧割掉了一样。当然,从两侧割掉更好),
而不是:
__888_____
__888_____
__888_____
- 可以使用任何技巧(将其放入
<div>
的背景中)。 - 宽度和高度未知。
- 感谢您之前的回答,但是抱歉,我认为我没有足够强调“在将其宽度限制为页面的40%之后”,这意味着在限制宽度之前,它应该看起来正常。