html - Div 在媒体最大 468 像素时占用的空间比预期的要多

Question

zoomimg 设置为 width: 145px;高度:145px；但它会将本应位于其父级中的文本从父级中推出。

Zoomimg ProjectKort div 是值得关注的

.projectkort{
  margin: 10px 0px 10px 0px;
  width: 100vw;
  height: 150px;
  background-color: white;
  border-radius: 0px;
}
.zoomimg {
  margin: 5px;
  width: 145px;
  height: 145px;
  transition: all .3s ease;
  opacity: 1.0;
  position: relative;
  overflow: hidden;
}

它就在这里 -> tsuts.tskoli.is/2t/2809984199/skapalon

Answer 1

仅针对较小的移动断点将“溢出:隐藏”添加到您的 projectkort 类。

盒子的内容比容器宽 - 所以它们溢出了。一旦我将 overflow:hidden 添加到父 projectkort 类，移动设备上的溢出就消失了。