图像不显示在移动浏览器中

时间:2011-08-19 18:00:14

标签: android css ios

我一直在研究site,我遇到了一个奇怪的问题,即手机浏览器上没有显示图像。

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

桌面浏览器上的一切都很好,但在Mobile Safari和Android浏览器中,一些(而非全部)图像会消失。图像没有丢失,因为没有?图标,但它们根本不会显示。

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

我完全难过,但我找不到有类似问题的人。

其他一些细节:该网站建立在WordPress上,正如您从链接中看到的那样,它正在通过GoDaddy的PreviewDNS服务器运行。在任何情况下,这看起来都是样式表问题,但我只是不知道是什么导致了这个问题。

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

1 个答案:

答案 0 :(得分:1)

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

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