iOS Safari背景图像有时会变白,直到触摸/移动/调整大小

时间:2016-02-29 16:36:17

标签: ios css safari sencha-touch mobile-safari

我目前正在开发适用于Android和Android的应用。 iOS与Sencha Touch。

在Safari OSX(最新版本)上偶尔会出现问题,在iPhone上会更频繁地出现问题。

在名为"产品详细信息页面的页面/视图中"我们有一个幻灯片,其中包含JPG格式的矩形产品图片,100vw×100vw大。图像本身大约800 x 800像素,所以不是很大。 Sencha Touch使用div背景图像实现幻灯片。根本没有锚标签。

问题是经常 - 在图像尚未进入缓存的产品详细信息页面上 - 要显示的第一个产品图片是从服务器(Amazon S3)加载的 - 我可以在网络中看到devtools中的选项卡 - 但显示为完全白色。直到我稍微移动图像或使用控制台来改变div的样式,例如将宽度从100vw更改为100%。

我砍了一个"修复"通过在1秒后调用超时功能,这将改变所描述的宽度,这在桌面上,这似乎解决了Safari桌面上的问题(在iPhone模拟中)。但是在iPhone中,问题仍然存在,无论我不太满意的黑客,我都想了解这里出了什么问题。

为什么在布局更改后才显示图像?

在iPhone上的Safari下,我们网站上的常规<img>图片有时会出现同样的问题......

0 个答案:

没有答案