回答編集履歴

1

a

2022/01/14 09:30

投稿

int32_t
int32_t

スコア20925

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 と同様の挙動になると思います。