fit-contentとaspect-ratioは併用してはいけない

fit-contentとaspect-ratioは併用してはいけない。
例えばこんなCSS：

div.hoge {
  width: fit-content;
  aspect-ratio: 1080 / 720;
  margin: 0 auto;
}

fit-contentとaspect-ratioを併用した要素はPC版のFireFox,Chrome,Edgeや、AndroidのChromeでは表示されるけれど、iPhoneのSafariでは表示されない場合がある。

おそらく、fit-contentからwidthが取れず、aspect-ratioを計算できないため高さ「0」になったんだと思う。

無理にfit-contentを使用する必要は無かったので、
次のように修正した：

div.hoge {
  max-width: 1080px;
  width: 100%;
  aspect-ratio: 1080 / 720;
  margin: 0 auto;
}

fit-contentは便利だが、Safariで悪さをするので留意せよ。