Image firefox下使用滚动条调整图像大小错误

问题是：

对于Chrome、Opera和Safari，一切都很好：

但是firefox有一个问题：

该问题是由x滚动条引起的，该滚动条会推动每个“.thumbs”和 他们的孩子长大了。多亏了这一点，孩子们保持了他们的纵横比 高度组合：100%和对象匹配度，两者之间不留任何间隙，firefox除外。似乎“.thumbs”不希望正确地环绕其子图像。可以调整高度，但不能调整宽度。我已经尝试了不同的flex:-速记组合，但没有任何效果

。滚动\u包装器{
位置：相对位置；
溢出：隐藏；
高度：100px；
}
.thumbs_容器{
位置：绝对位置；
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flex；
显示：-webkit flex；
显示器：flex；
flex-flow：行nowrap；
溢出-x：滚动；
身高：100%；
宽度：100%；
}
.拇指{
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flex；
显示：-webkit flex；
显示器：flex；
柔性流动：柱状nowrap；
身高：100%；
}
.拇指{
身高：100%；
对象匹配：包含；
}

---

我找到了一个js解决方案：

• firefox错误：
  js循环遍历每个img的宽度，并为每个父“.thumbs”提供相应的宽度

• x-滚动条-隐藏：
  -js获取外部

  的高度。滚动包装器
  
  
  -js获取
  .thumbs\u container
  -
  .thumbs
  的差异，以获取滚动条的宽度（每个浏览器的宽度完全相同，因为不同）
  -js将
  .scroll wrapper
  +滚动条高度设置为
  .thumbs\u container
  

window.onload=function（）{
scrollbarHide（）
}
函数scrollbarHide（）{
var modalThumbsScrollWrapper=document.getElementsByClassName（“滚动包装”）[0]；
var modalThumbsScrollWrapperHeight=modalThumbsScrollWrapper.offsetHeight；
var modalThumbsContainer=document.getElementsByClassName（'thumbs_container'）[0]；
var modalthumscontainer高度=modalthumscontainer.offsetHeight；
var modalThumbs=document.getElementsByClassName（'thumbs'）[0]；
var modalThumbsHeight=modalThumbs.offsetHeight；
var scrollbarHeight=modalthumscontainerheight-modalthumsheight；
var newModalTumbsContainerHeight=ModalTumbsScrollWrapperHeight+scrollbarHeight；
modalThumbsContainer.style.height=新ModAlthumbsContainerHeight+“px”；
modalThumbsWidthCorrectionFF（）
}
函数modalThumbsWidthCorrectionFF（）{
var modalThumbs=document.getElementsByClassName（'thumbs'）；
var modalThumbsLength=modalThumbs.length；
var modalThumbsImgs=document.getElementsByClassName（'thumbs_imgs'）；
对于（变量i=0；i

。滚动\u包装器{
位置：相对位置；
溢出：隐藏；
高度：100px；
}
.thumbs_容器{
位置：绝对位置；
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flex；
显示：-webkit flex；
显示器：flex；
flex-flow：行nowrap；
溢出-x：滚动；
身高：100%；
宽度：100%；
}
.拇指{
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flex；
显示：-webkit flex；
显示器：flex；
柔性流动：柱状nowrap；
身高：100%；
}
.拇指{
身高：100%；
对象匹配：包含；
}

---

，或。只需添加您自己的答案，并标记为已接受。对未来的游客来说，任何额外的东西都可能被视为噪音。请看：。这里是stackoverflow：我们主要关心两件事：好问题和好答案。我们鼓励用户发布答案，以便将来阅读本文的读者能够看到问题的答案。在提问或回答问题时添加感谢或其他不必要的东西只是噪音，网站上的大多数用户都不鼓励这样做。