0%

关于img尺寸失真解决

前言

写我那写了好久的网页,关于图片显示,发现看着不美观,图片的比例都被扯坏了,所以想利用这迷茫的时间,来查查img和background到底都是干啥的,总结一下。

img标签

从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img>标签创建的是被引用图像的占位空间。

<img> 标签有两个必需的属性:src 属性alt 属性

实话说我没看懂上面什么意思,用img是为了引用吗,好像没有background好用,我看了一下其他大佬的博客旁边的img好像也是被拉伸了,emm大佬的都是这样

但是百度一下,你就知道(以上都是废话,下面是解决方法)

关于img失真 原来可以使用overflow: hidden 只设置width 保持尺寸比例,把多余的部分隐藏。使用了hidden以后果然美观了。。。。。。

[真香警告] img标签好使👍

background属性