我正在使用Google Chrome浏览器,并且显示为1440px宽。我制作了如此宽的图像,并且每当我将img标签使用width =“ 100%”属性时,图像就会模糊。
但是,当我添加它时,它会将图像缩小到确切的屏幕尺寸。
不确定这是不是Chrome问题,还是有另一种解决方法。
谢谢!
您可能误解了100%的含义。 width的值不是图像本身,而是父对象的宽度。因此,您可能需要将宽度指定为width="1440"
或使用CSS样式width:1440px
或将其设置为未设置以保留原始大小(不建议这样做,因为它有时会在加载期间导致布局错误)
我遇到同样的问题,仅适用于chrome。我对具有背景图像的div使用解决方法,模糊消失了。