Css 该站点在移动Firefox上水平滚动

我有一个响应迅速的网站，在所有桌面浏览器和手机浏览器上都能很好地工作，无论窗口有多窄，都能按照我的要求调整大小，但我在手机Firefox上得到了一个水平滚动条。我的内容只是有点太大了，尽管我无法想象我的CSS会有多大。以下是我认为相关的内容：

#main {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
}

.infoSection {
  display: inline-block;
  height: 300px;
  margin-bottom: 75px;
}

.infoSection img {
  position: relative;
  float: right;
  max-width: 50%;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 0) and (max-width: 470px) {

.infoSection {
    height: auto;
    margin: 0 0 30px;
}

.infoSection img {
    display: block;
    float: none;
    max-width: 80%;
    margin: 20px auto 0;
    transform: none;
}
}

---

关于手机水平滚动的现有问题似乎都涉及到将overflow-x设置为hidden，但这并没有帮助，因为我希望我的内容能够正确调整大小/

您是否尝试了

转换的供应商特定属性？例如
-moz-transform
不应该是它；这是Firefox的最新版本，它不需要前缀，加上它取消了媒体查询。尽管如此，我还是尝试了，但没有成功……您是否尝试了
转换的供应商特定属性？例如
-moz-transform
不应该是它；这是Firefox的最新版本，它不需要前缀，加上它取消了媒体查询。不过我还是试过了，运气不好。。。