ruby-on-rails - 由 Rails 提供给 Chrome 或 Safari 的图像闪烁

标签 ruby-on-rails image google-chrome safari flicker

在执行一些跨浏览器测试时,我注意到刷新页面时我的图像闪烁 - 但仅使用 Chrome/Safari - 而不是使用 Firefox 或 IE。显示白色区域,然后显示图像。

我有一些设计师提供的相同标记,但没有显示这个问题。最后,我将范围缩小到 Rails 本身。当 Rails 为页面提供服务时,它会闪烁(在 Chrome/Safari 中)。当从本地文件系统在浏览器中打开相同的标记时,它不会闪烁。

最终,我决定看看其他 Rails 站点是否有这个问题——他们确实有! basecamphq.com 在 Chrome 刷新时闪烁,但在 Firefox 中不会(或者至少,它的作用要小得多)。

这是 WebKit 的已知问题吗?这个问题有解决方案或解决方法吗?

最佳答案

我的经验是,通过 html 宽度/高度属性调整大小的大图像在某些浏览器中往往会闪烁。解决方案 - 在服务之前通过 ImageMagick 或类似方法调整图像大小

关于ruby-on-rails - 由 Rails 提供给 Chrome 或 Safari 的图像闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5542865/

相关文章:

ruby-on-rails - Ruby on Rails Routes - get 和 match 之间的区别

ruby-on-rails - Rails 3中的自定义记录器?

mysql - 当部分迁移失败时,为什么不是 "undo"?

image - 将扩展名为 ".jpg"的一堆 PNG 图片重命名为 ".png"

javascript - Chrome 扩展程序获取元关键字

ruby-on-rails - 使用 Mechanize 单击 div

ios - 什么可能导致图像在标签栏 iOS 中看起来很难看?

image - 使用 pandoc 选择最佳图像格式

css - Google Cloud Storage 字体 CORS 问题

javascript - 我如何在 chrome 或 firefox 中以像素显示边框高度和宽度以测试响应式网页设计