浏览器缩放更改时内容被裁剪

Question

当我缩小 Chrome 时，我网站的内容被裁掉了。这是我的意思的屏幕截图。

我找不到解决这个问题的方法。有没有一个？我阅读了有关将大小更改为 ems 的信息并尝试了但没有解决它。希望有人能帮忙。

我说的是 link 但还有更多页面存在相同问题 http://wardrobeicons.com/the-icons-update/elle-ferguson-perfect-wardrobe-5/

Answer 1

我认为是这部分导致了裁剪。

#content.weekly-update #magazine {
  border: 1px solid #ccc;
  height: 580px;
  overflow: hidden;
}

作为快速修复，您也可以将 height 值增加 600px 或更多。

或者放弃浮动布局，例如使用 CSS table 布局 - 它具有单元格高度相等的最大特点之一。