回答編集履歴
1
a
test
CHANGED
@@ -1,5 +1,3 @@
|
|
1
|
-
たぶん、Chromeの挙動が正しくて、Safariの`align-items: stretch` と `aspect-ratio` の組み合わせの対応が不完全なのかな、という気がします。
|
2
|
-
|
3
1
|
`display: flex` ではデフォルトで `align-items: stretch` なので、`flex-direction: column` ならば中のフレックスアイテムは横方向に伸ばされます。Chrome は置換要素の `aspect-ratio` を尊重しつつ縦方向も伸ばすようです。
|
4
2
|
|
5
3
|
`.menu_link` に `align-items: center` を指定すれば Chrome も Safari と同様の挙動になると思います。
|