【发布时间】:2011-08-19 18:00:14
【问题描述】:
我一直在处理site,但遇到了一个奇怪的问题,即图像无法在移动浏览器上显示。
原始样式没有什么特别之处:我将图像包装在一个 div 容器中,并将它们设置为显示为内联块。这些图像是指向外部页面的链接。到目前为止没有什么特别的。
在桌面浏览器上一切正常,但在 Mobile Safari 和 Android 浏览器中,一些(不是全部)图像会简单地消失。图像没有丢失,因为没有?图标,但它们根本不会显示。
我尝试了这些样式,发现如果我完全删除影响这些图像的样式,则根本不会显示任何内容。如果我在包装锚标记中添加边框和填充,更多的图像会消失。如果我在所有锚标签上强制设置 400 像素的宽度和高度,那么一切都会显示出来。如果我将宽度和高度设置为 300 像素,一切都会消失。
我完全被难住了,我找不到有类似问题的人。
其他一些细节:该站点基于 WordPress 构建,从链接中可以看出,它通过 GoDaddy 的 PreviewDNS 服务器运行。无论如何,这看起来是一个样式表问题,但我只是不知道是什么导致了这个问题。
我最初忘记提及页面:最好的例子是产品页面,尽管它也发生在其他页面上。
【问题讨论】: