2013-04-15 26 views
2

我已經構建了一個默認垂直佈局的簡單響應菜單,但是如果分辨率比400px寬,我會水平放置它。使用媒體查詢時在Chrome中出現奇怪的浮動渲染

垂直我簡單地使用display: block,爲橫版我做float: left:last-child:first-childfloat: right(因爲我希望他們能夠達到包裝的邊緣)。

如果以足夠寬的分辨率檢查小提琴,應該看到水平放置的三個紅色框。調整iframe的大小並將其更改爲垂直佈局。現在,我的問題是,當您將iframe重新調整爲水平佈局時,:last-child菜單項在Ubuntu 12.10(我沒有嘗試使用其他版本的Chrome)的Chrome版本26.0.1410.63中無法正確呈現,但它的工作原理應該如此在Firefox中。

http://jsfiddle.net/G2h9U/

這似乎是一個Chrome有錯誤,給我,但任何人都經歷相同的,有沒有解決?

+0

是的,這是一個錯誤。但真的,誰在現實生活中調整了瀏覽器窗口?排除我們,極客:) –

+0

確實如此,但在移動設備上改變方向很常見。不確定這是否發生在移動Chrome中。 – powerbuoy

+1

也發生在移動Chrome上,仍然沒有修復。 – Bart

回答