【问题标题】:Images Not Showing in Mobile Browsers移动浏览器中未显示的图像
【发布时间】:2011-08-19 18:00:14
【问题描述】:

我一直在处理site,但遇到了一个奇怪的问题,即图像无法在移动浏览器上显示。

原始样式没有什么特别之处:我将图像包装在一个 div 容器中,并将它们设置为显示为内联块。这些图像是指向外部页面的链接。到目前为止没有什么特别的。

在桌面浏览器上一切正常,但在 Mobile Safari 和 Android 浏览器中,一些(不是全部)图像会简单地消失。图像没有丢失,因为没有?图标,但它们根本不会显示。

我尝试了这些样式,发现如果我完全删除影响这些图像的样式,则根本不会显示任何内容。如果我在包装锚标记中添加边框和填充,更多的图像会消失。如果我在所有锚标签上强制设置 400 像素的宽度和高度,那么一切都会显示出来。如果我将宽度和高度设置为 300 像素,一切都会消失。

我完全被难住了,我找不到有类似问题的人。

其他一些细节:该站点基于 WordPress 构建,从链接中可以看出,它通过 GoDaddy 的 PreviewDNS 服务器运行。无论如何,这看起来是一个样式表问题,但我只是不知道是什么导致了这个问题。

我最初忘记提及页面:最好的例子是产品页面,尽管它也发生在其他页面上。

【问题讨论】:

    标签: android css ios


    【解决方案1】:

    嗯,我发现了问题。一些东西(我喜欢 WordPress)正在投入最大宽度:100000%;在所有图像上。如果我删除它,我似乎没有问题。我希望我能解释为什么它只影响一些图像或者为什么它首先存在,但这是一个我不准备深入研究的谜......

    我希望有人觉得这很有帮助。

    【讨论】:

    • 显然最大宽度是在 WordPress 中显示地图的一些问题的解决方法。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-04-10
    • 1970-01-01
    • 2015-04-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多