滚动浏览Firefox中的图像(在第26页测试),如果你的图像在更改了.src后拉伸了一个像素(或左右),你就会注意到它是否向右看。此行为仅发生在Firefox中,如果图像的宽度增加或减少1px(通过Web控制台),行为将消失...我知道图像大于我设置的宽度但仍然无法解释行为以及为什么它只出现在一个非常特定的宽度上(毕竟,如果我将宽度增加或减少1px,那么图像仍会在浏览器中调整大小,但行为会消失)。适用于Opera,Chome,Safari和IE ......
http://www.mosaikdesign.se/galleri_.php
任何?
答案 0 :(得分:1)
我花了一些时间研究这个,他们看待它,这是一个错误。
我在Bugzilla提交了一份错误报告:https://bugzilla.mozilla.org/show_bug.cgi?id=953364
我还为有兴趣研究这种行为的人们制作了一个完整的测试页面:http://www.blackwinged-angel.com/bugs/index.html
最后,修复:
- 将图片上的css属性image-rendering
设置为auto
以外的其他内容(optimizequality
,optimizespeed
,-moz-crisp-edges
)。文档中声称optimizequality
和optimizespeed
与auto
(https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering)相同,但它们会导致使用不同的缩减算法(请参阅我的链接以获取证明) 。但是,这解决了这个问题。
- 使用仅放大图像的图像尺寸,不进行缩放或检查生成的缩小尺寸,因为它仅适用于与某些实际图像尺寸相关的某些尺寸的包含元素,而不是全部。
再次大家,这只适用于Firefox,在Firefox 26上测试过,适用于在浏览器中即时缩小图像,通过设置宽度和高度的img(以及可能的其他)元素并且它不一致(只是发生了)大约30%的特定图像测试下降量对我而言。)