css - Logo 在 iPhone 和 iPad(iOS 设备)的移动设备中消失

Question

我正在使用最新版本的 Foundation 开发响应式网站，从他们的 Orbit 模板开始。到目前为止，一切似乎都进行得很顺利。当我在浏览器中查看网站并将边缘向左拖动时，所有内容似乎都已按应有的大小调整。但是，当我在 iPhone 或 iPad 上查看同一网站时， Logo 是一个空白框，里面有图像标题标签。有人遇到这个吗？我确信我忽略了一些简单的事情，但我过去从未遇到过这个问题。

网站在这里: http://brookechao.com/test-peopleplaces/

编辑因为我解决了它:我知道这会很简单(特别是因为我没有看到其他人有这个问题)。原来它只是一个损坏的图像文件。重新保存原始图像文件解决了这个问题。不知道为什么我没有早点想到这一点。我想我想如果它出现在桌面上，而不是移动设备上，那是设备/媒体问题。

Answer 1

如果您正在寻求帮助，请检查代码中的 javascript 并在此处粘贴代码。大多数情况下，当您为 iOS 提供 onmouseover 或 onmouseout 之类的 javascript 事件时，它不喜欢它，主要是因为当你的手指“鼠标悬停”在 iOS 中的一个元素上时，大多数情况下它似乎在点击 iOS 中的后退按钮后重新加载图像。

这可能不是答案，而是建议。