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

Question

当我缩小Chrome时，我网站的内容会被删除。这是我的意思的屏幕截图。

我无法找到解决方法。还有一个吗？我读过关于将大小更改为ems并尝试过但没有修复它的问题。希望有人可以提供帮助。

这是我正在谈论的链接，但有更多网页存在相同的问题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表格布局 - 它在单元格上具有相同高度的最大特征之一。