Css 浏览器'；s缩放更改

当我缩小Chrome浏览器时，我网站的内容会被剪掉。这是我的意思的屏幕截图

我找不到解决这个问题的办法。甚至有一个吗？我读到有关将尺码改为ems的消息，并尝试了一下，但没有解决问题。希望有人能帮忙

---

这是我正在谈论的链接，但是有更多的页面有相同的问题

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

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

作为一种快速修复方法，您可以将

高度

值也增加到

600px

或更高

---

或者放弃浮动布局，改用CSS表格布局，例如，它具有单元格高度相等的最大功能之一。

请发布html/CSS代码。这将是太多的代码，因为我不知道问题来自何处，我指的是哪个元素。这就是我所说的链接。在Firefox中缩小时看起来还可以，但在Chrome中则不行。谢谢你的回复。删除“溢出：自动”无效。如何删除浮动布局？这是否意味着将当前的浮动结构更改为css表结构？是的，在这种情况下建议使用css表结构，因为您希望左右列具有相同的高度。这将需要相当长的时间，因为有16个页面模板。。。我将把高度暂时改为600像素，并将你的答案标记为正确答案。感谢您的帮助PanglossI还注意到大图像被设置为

#trends.trend的背景，需要设置高度。同样，css表或flex布局将是一个合适的修复方法，否则您可以使用javascripts。