gpt4 book ai didi

css - 使用媒体查询时 Chrome 中出现奇怪的 float 渲染

转载 作者:行者123 更新时间:2023-11-28 11:42:23 25 4
gpt4 key购买 nike

我构建了一个简单的响应式菜单,默认情况下它是垂直布局的,但如果分辨率大于 400 像素,我会水平布局它。

垂直方向我简单地使用display: block 水平方向我在:first-child 上使用float: left float: right on :last-child(因为我希望它们到达包装器的边缘)。

如果您以足够宽的分辨率检查 fiddle ,您应该会看到三个水平放置的红色框。调整 iframe 的大小,它们应该更改为垂直布局。现在,这是我的问题,当您将 iframe 的大小调整回水平布局时, :last-child 菜单项将无法在 Ubuntu 12.10 下的 Chrome 版本 26.0.1410.63 中正确呈现(我还没有尝试过其他Chrome 版本),但它在 Firefox 中可以正常工作。

http://jsfiddle.net/G2h9U/

这对我来说似乎是一个 Chrome 错误,但有没有人遇到过同样的情况并且有修复方法吗?

最佳答案

看起来像是一个已经存在了一段时间的 Chrome 问题。

https://bugs.webkit.org/show_bug.cgi?id=53166

另一个有同样问题的 Stacker。

Webkit float and display

关于css - 使用媒体查询时 Chrome 中出现奇怪的 float 渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16024837/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com