gpt4 book ai didi

css - box-sizing : border-box applied 图像模糊

转载 作者:行者123 更新时间:2023-11-28 13:21:12 26 4
gpt4 key购买 nike

谁能告诉我为什么上面的图片模糊?

http://blog.distance.mun.ca/technologyresources/why-blurry/

第一个设置了宽度和高度,第二个删除了宽度和高度。这是唯一的区别。我怀疑 box-sizing 属性以某种方式将其丢弃。但我不明白为什么!

欢迎指教!

谢谢

ps:边界框上的一个很好的破旧:http://paulirish.com/2012/box-sizing-border-box-ftw/

最佳答案

它之所以模糊,是因为您将图像的大小设置为不是其原始大小,并且浏览器必须重新采样图像中的像素才能适合。

如果您查看您提供的页面,顶部图像的尺寸为 416x150,而底部图像的尺寸为 418x151。

如果您将高度和宽度设置为等于图像的实际尺寸,您就不会有这个问题。

关于css - box-sizing : border-box applied 图像模糊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14613009/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com