Html 我的响应式网站的一个页面在Firefox中没有正确定位/缩放，但在Chrome、Opera和Safari中表现良好

刚开始为我的浏览器做一些跨浏览器测试，我的Firefox主页出现了一些奇怪的事情

滑块看起来比它下面的缩略图小，缩略图彼此接触，当您调整浏览器大小时，缩略图不会缩小（它们只是重叠更多）。如果您在Chrome、Safari或Opera（甚至iOS上的Chrome/Safari）中查看站点，滑块的宽度与下面的缩略图相同，缩略图之间有空间，并且在调整浏览器大小时，所有内容都可以正确缩放

当我将鼠标悬停在缩略图（CSS3动画）上时，我也注意到了一些滞后现象，同样，只有在Firefox中才会出现这种情况

有什么好处？我做错了什么，或者Firefox在响应性网站上变得愚蠢了？如果有关系的话，我正在使用

---

编辑：另外，如果你点击任何一个缩略图，看起来这些页面上的图像看起来很好，比例也很合适。似乎只有主页受到影响。

欢迎来到令人沮丧的web开发世界。每个浏览器对代码的解释都不同，这是我们行业的头号挑战。即使是同一个浏览器基础也不同于版本到版本。Internet Explorer一直是最糟糕的浏览器，因为它通常比其他浏览器落后2-3次。你必须担心IE，因为它是大多数PC机附带的，它是最流行的浏览器

因此，你必须考虑你的受众是谁，并在最适合该平台的平台上进行设计。例如，如果您的受众是图形设计师，则可以安全地为现代浏览器开发。但是，如果你的受众是普通人，而不是电脑技术用户，你就必须为IE量身定做你的设计。（对不起）

您可以在开发期间使用类似的工具来查看您的站点在各种浏览器中的表现。或

然后，您必须了解“黑客”以使您的站点显示相似，而不考虑web平台。这是一个巨大的学科领域，你必须学习和研究，直到你理解它

但是，尽管如此，今天最重要的设计问题是制作一个能够适应大小屏幕网站的响应性网站

---

手机是新的黑色。展望未来，你应该始终牢记手机，除非你知道你的受众不是手机类型，这是一个例外，而不是规则。

在我的img标签中添加了max width=“100%”height=“auto”width=“100%”用于缩略图，它似乎正在发挥作用。。。是的，我慢慢意识到了这一点。这个项目之所以产生，是因为我想为我的网站制作一个响应性强的版本，以迎合不断增长的移动用户群。自从我开始编写代码以来，我一直在我的iphone/ipad/ios模拟器上进行测试。但为什么Firefox让我这么难受？！我绝对同意这种看法。在响应式设计的早期，设计师使用了“优雅的递减”方法，也就是说，先为桌面设计，然后再向下设计。如今，随着移动浏览器占主导地位，一种更好的响应式设计方法是“渐进式增强”，或者从最小公分母开始，逐步提升。希望我能直接回答您的问题，但我没有看到您的代码有任何明显的问题。