除非缓存,否则 SVG 图像不会在智能手机上加载

Posted

技术标签:

【中文标题】除非缓存,否则 SVG 图像不会在智能手机上加载【英文标题】:SVG image not loading on smartphones unless cached 【发布时间】:2020-12-19 06:28:30 【问题描述】:

我的网站登陆页面上有一个header SVG imagehttps://www.csselectronics.com/。

此标题图像在我测试过的所有桌面浏览器上都能正确显示。但是,我最近发现在使用智能手机(例如 iPhone 10、iPhone 11、android 手机)时,它有时根本不显示。

图像根本没有加载,但如果在页面上进行手动刷新,它似乎可以正确加载。然后可以通过清除手机上的图像缓存来重新触发未加载。

知道什么可能导致这个问题吗?

【问题讨论】:

does not display at all when using a smartphone 你到底是什么意思?在尝试显示登录页面的智能手机上使用浏览器时?还是 svg 网址? Log data to 8-32 GB SD 32 GB 够了吗? 如果用户尝试访问我们的登录页面(我大纲中的链接),标题图像不会显示在某些 Android 手机和 iPhone 上。 【参考方案1】:

这是在图像 div 容器上使用负边距的结果。

【讨论】:

以上是关于除非缓存,否则 SVG 图像不会在智能手机上加载的主要内容,如果未能解决你的问题,请参考以下文章

除非在 vuejs2 中通过热重载更改代码,否则 firebase 存储不会运行

为啥以前在 iPad 上缓存时,SVG 中的图像并不总是从应用程序缓存中加载?

如何获取图像作为 SVG 填充的背景

除非调用 reloadData,否则图像无法正确加载

除非刷新页面,否则React loadable无法在每个新构建上加载组件

除非重新加载页面,否则 React 应用程序路由不会加载内容