Question

如何设置让html中的img标签图片不拉伸

是不拉伸 什么都不设他默认就是拉伸的
不拉伸也就是平铺
平铺的意思就是1000*1000的图片我设置宽高是100*100时候只显示这个区域 而不是缩放成这个大小

我记得有个img有个属性或者有个样式可以设置 不过忘记了
请哪位记得提醒下 多谢了
是img的src图片 不是背景不是任何标签的background属性 是img的src不是img标签的background
background本身就是不缩放的
拉伸也就是缩放
怎么能不缩放？让img的src不缩放

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<img>标签中，输入样式代码：style="position: absolute;left: -200px;"。

3、浏览器运行index.html页面，此时图片不拉伸并且只有右边一部分显示了出来。

Answer 2

GCC无耐 1 分钟前
亲测有效，请勿随波逐流。谢谢，贴上源码： <img src="img/t6.jpg" id="target" alt="Flowers" style="width: 260px; height: auto;" />，这是内嵌裁剪图片表示没毛病。

Answer 3

width: 你的宽度;height: auto;

Answer 4

css
img {
object-fit:none;
object-position:0px 0px;
width:100px;
height:100px;
}