当我有一个全宽,流体容器时,我在谷歌浏览器中的文本变得扭曲(太大),但没有其他浏览器.为什么？

Question

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

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

所以,我将它设置为容器流体,并在主要内容(.featured)上设置最大宽度,我有一个顶部导航,它仍然是整页宽度.如果我在chrome中缩小很多,则文本会变形.我在媒体查询中看不到任何字体更改导致这种情况,并且它在safari和firefox中运行良好.

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

铬:

相同的缩放,但与Firefox:

Answer 1

如果我答对了你的问题，你需要结束你的特色定义：

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

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

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