谷歌Chrome，float和媒体查询(Google Chrome, float, and medi

我在哪里谷歌浏览器有时会错误地呈现一个浮动元素的问题。 更具体地说，标记看起来是这样的：

<h1>
    Headline
    <small>Sub-heading</small>
</h1>

这是使用这个简单的CSS样式：

h1 small {
    display: block;
}

@media (min-width: 750px) {
    h1 small {
        float: right;
    }
}

（这里是一个jsfiddle.com一个链接，以实际行动体现了问题： http://jsfiddle.net/ys6L88r8/1/ ）

正如你所看到的，元素被媒体查询内浮动。 当加载页面时，如果浏览器窗口宽度超过在媒体查询中指定的宽度，一切都看起来不错。 但是，如果你回来了调整此点下方浏览器，然后，该元素中出现错误的H1以下。

这是谷歌Chrome浏览器的bug？ 我已验证它工作正常在Firefox和Safari 8.我使用谷歌浏览器40.0.2214.91（64位）的OS X.

Answer 1:

此行为是在谷歌浏览器验证的错误： https://code.google.com/p/chromium/issues/detail?id=411256

文章来源: Google Chrome, float, and media queries