我有一个使用两列页面布局的简单页面，在缩放时会中断。在这里 - 尝试使用 cmd+ 放大：
http://jamesabbottdd.com/ems-with-max-width.html
标题在右侧中断，导致出现水平滚动条。最初我认为这是由于使用像素来调整元素大小和设置最大宽度。这篇文章就是关于这个问题的：
http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/
然后我用 ems 覆盖了像素，但问题仍然存在。
这让我着迷不已。我已经使用 CSS 大约十年了，过去 3 年处于高水平，但还没有弄清楚为什么上面的分页符但是这个：
不会，无论我放大多近。
非常感谢任何帮助。
嗯，看起来有点像您无意中将两个稍微不相关的观察结果联系在一起，从而使诊断实际问题变得更加困难。
区分症状
根据您的屏幕截图，您的标题似乎出现了一些视觉故障。此外，会出现一个水平滚动条 - 但请放心，这不是由于您的标题的任何属性。实际上，这是由于标题下方的包装器 div 的宽度为 1130 像素。因此，当您放大那么多时，它不能全部显示在屏幕上，因此会创建滚动条。
真正的问题
回到标题的问题，颜色消失的原因是标题 div 的宽度为 100%。如果在您截取该屏幕截图时，您一直滚动到左侧，您会发现标题的背景颜色没有问题，因为它会覆盖 100% 的浏览器宽度。（如果你想知道这个 100% 的宽度是从哪里来的，那是由于标题中的 h1 元素；h1 通常具有 100% 的默认宽度，即使使用元素也无法看到这种样式像 Firebug 这样的检查器打开。）
请注意，您提供的网站由于以下原因没有显示此问题：首先，它的标题没有背景颜色，因此您不会在这方面看到任何类型的问题（如果确实有问题，你会立即看到 div 实际上并没有像你的那样跨越整个屏幕；它只比里面的文本宽一点，并且具有固定的宽度。标题居中的不仅仅是使用 h1 元素的宽度的 100% 和text-align:center, 但也是由于margin:0 auto应用于标题 div。但是现在，如何解决您的问题？
一个办法
使用您页面的当前结构，最简单的解决方案是为您的标题 div 定义宽度。好吧，不是宽度本身，而是一个min-width, 与包装器 div 的宽度相同。如果你给它的风格min-width:1130px，你应该看到你的问题解决了。
我希望这可以帮到你！（抱歉，如果阅读时间有点长。）