我目前正在一个网站上工作.如果在Firefox中查看,我注意到有些元素被切断了.我附上了一张图片,显示了问题.
下图是来自Firefox的jsfiddle截图.
它只是一个图像,具有使用CSS设置的percantage值.
.image-percent {
width: 30%;
}
奇怪的是,有时候我能够重现这个bug,有时它会在添加随机HTML-Elements或其他css-Properties后消失.
任何人都已经遇到这种行为或知道解决方法,迫使Firefox以正确的方式调整图像大小？
解决方法
实际上在这个线程
Firefox blurs an image when scaled through external CSS or inline style.找到了解决方案
Firefox实现了非标准css属性图像渲染https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
使用不同的值,此解决方案提供或多或少的适当结果：
image-rendering:optimizeQuality;
