我目前正在开发适用于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>
图片有时会出现同样的问题......