图片未出现在移动视图中答案

【问题标题】：Image not appearing in mobile view图片未出现在移动视图中
【发布时间】：2015-06-05 03:51:00
【问题描述】：

我一直在开发一个移动优先的网站，使用 Firefox 作为主要浏览器。我在页面顶部有一个品牌标志，通过 WordPress 定制器加载。徽标在 Firefox 中显示良好，但在 Chrome 和 Safari 中以 320 像素的宽度消失。（这是本项目的基本宽度。）

我只是在排除故障并试图找到解决问题的最佳方法。不过，我不确定是什么导致了这个问题。我希望对此有其他一些看法。

这是链接： --- 链接已删除 ---

谢谢！

【问题讨论】：

好吧，你可以先给我们看一些代码。
我以为我做到了。我提供了该页面的链接。
一些观察，但不是答案，真的。 1）img有-185px的左边距，当包含的a变小时，图像变得超小，所以它最终超出了左边的窗口。 Firefox 似乎并不尊重这一边际。 2) 在包含a 上禁用display: inline-block 也有不同的效果。 Webkit 在启用它的情况下从包含 a 计算图像宽度，但 Firefox 不会根据启用它的父级更改图像宽度。
无论如何，调试时，在浏览器中使用“检查元素”，并将检查器移动到它自己的窗口，然后尝试调整具有该站点的窗口的大小，并尝试在检查器并查看效果。

【解决方案1】：

当我不知道问题出在哪里时，我想向您推荐一些对我有很多帮助的东西：仅将内容减少到您想要修复的部分（或者如果您有错误并且不知道从哪里来 - 开始逐个删除代码）。顺便说一句，开发人员工具中显示了很多错误。

【讨论】：

谢谢，马林。这是个好建议。我会试试的。这些错误主要是由扩展程序和视频插件引发的。它似乎与图像问题无关。我已经尝试停用这两个，并没有真正改变那么多。感谢您的建议！
几乎不是问题的答案，而是评论。另外，你看到了什么错误？我看到 6 个错误，cast_sender.js 的所有资源加载失败。
我不确定你想要达到什么样的效果，但是在下一节中：@media (max-width: 568px) { .jquery .main-navigation ul, .jquery .pics ul { display: none !important; }你可以尝试添加.col-1-4{ width:100%; }

【解决方案2】：

谢谢，马林。我很欣赏你的建议。我认为我的工作服务器可能会导致这个问题。不过，就目前而言，将宽度和高度从 % 切换为 em 至少会导致图像在 chrome 和 safari 中可见。不过，我想我必须等到我可以在工作场所之外对其进行测试才能确定。哈哈。再次感谢。

【讨论】：