我已经构建了一个简单的响应式菜单,默认情况下是垂直布局的,但如果分辨率大于 400 像素,我会水平布局。
在垂直方向上,我只是简单地使用anddisplay: block
来做水平版本(因为我希望它们到达包装纸的边缘)。float: left
:first-child
float: right
:last-child
如果您以足够宽的分辨率检查小提琴,您应该会看到三个水平放置的红色框。调整 iframe 的大小,它们应该更改为垂直布局。现在,这是我的问题,当您将 iframe 调整回水平布局时,:last-child
菜单项将无法在 Ubuntu 12.10 下的 Chrome 版本 26.0.1410.63 中正确呈现(我没有尝试过其他版本的 Chrome),它可以正常工作火狐虽然。
这对我来说似乎是一个 Chrome 错误,但有没有人遇到过同样的情况并且有解决方法吗?