iOSから見るとサイトの表示が崩れる

Question

###問題のページ
https://301.run/r/web
(短縮urlサービスを使い、一定時間後(この質問が解決後)自動的にリダイレクト先が削除されるようになっています。)

iPadのSafari、Chromeから見た際に表示が崩れました。PCからは問題ありません。

画像のinset: 0;が多分効いていないのかと思います。改善方法が思いつかないので教えてください。
よろしくお願いします。

Answer 1

Safariではまだinsetが未対応のため効きません。

一度よくinsetの仕様を確認してもらうとわかるのですが、
insetはtop, bottom, left, right に対応する一括指定です。
insetが効かない場合はそれぞれを指定してあげればよいです。
https://developer.mozilla.org/ja/docs/Web/CSS/inset

insetの代わりに以下を追加してみてください。

#userPhoto {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}