デフォルトで縦に配置されるシンプルなレスポンシブ メニューを作成しましたが、解像度が 400px より広い場合は横に配置します。
縦方向には単純に and を使用display: blockし、横方向のバージョンでは何度も繰り返します (ラッパーの端に到達float: leftさ:first-childせたいため)。float: right:last-child
十分な広さの解像度でフィドルを確認すると、水平に配置された 3 つの赤いボックスが表示されます。iframe のサイズを変更すると、垂直レイアウトに変更されます。iframe のサイズを水平レイアウトに戻すと、:last-childメニュー項目が Ubuntu 12.10 の Chrome バージョン 26.0.1410.63 で正しくレンダリングされません (他のバージョンの Chrome は試していません)。ファイアフォックスだけど。
これは私には Chrome のバグのように思えますが、同じことを経験した人はいますか?修正はありますか?