当我有一个全宽、流畅的容器时，我在谷歌浏览器中的文本会失真（太大），但其他浏览器都没有。为什么？答案

【问题标题】：When I have a full width, fluid container my text in google chrome becomes distorted (too big), but none of the other browsers. Why?当我有一个全宽、流畅的容器时，我在谷歌浏览器中的文本会失真（太大），但其他浏览器都没有。为什么？
【发布时间】：2015-12-08 18:43:51
【问题描述】：

.container-fluid{
    background-color: $white;
    padding: 0;

    &.featured{
        max-width: 1300px;
    }
}

因此，我将其设置为容器流体，并在主要内容 (.featured) 上设置最大宽度，我有一个顶部导航，它保持整个页面宽度。如果我在 chrome 中缩小很多，文本会变形。我看不到我对媒体查询所做的任何字体更改导致此问题，并且它在 safari 和 firefox 中运行良好。

关于如何解决这个问题或我应该深入研究什么的任何想法？

铬：

相同的缩放，但使用 Firefox：

【问题讨论】：

你对 body 的字体大小声明是什么？
你能在jsfiddle或类似网站上发布更多的html和css，和/或创建一个简单的演示吗？
@NewGuy504 到目前为止，请发布您身边的 jsfiddle。
根据bootstrap zooming in some browsers is not support See this Bootstrap Zooming 可以在jsfiddle上发一个简单的demo吗？ .. 以便我们获得有关您的问题的更多信息

标签： css twitter-bootstrap fluid-layout

【解决方案1】：

如果你的问题没有错，你需要结束你的特色定义：

.featured {
    overflow-wrap: break-word;
}

确保特色元素可以水平缩放，即没有最大高度。

如果这不是问题，请发布 codepen/fiddle

【讨论】：