iOS16＋Safariの罠（長文）

No.504

iOS16＋Safariの罠（長文）

…だと思うんだけど。

いつものようにiPhone13（iOS16.3.1）＋Safariで自サイトのレスポンシブ表示を確認してて、ふと他のモバイルブラウザからはどう見えるんだろ？と思いモバイル版のChromeで開いたら全然違う。「は？」となって慌てて他のブラウザでも確認してみたら、Safariだけサイトが縮小されて表示されてた。

ネットで情報探しながら、cssファイルの確認もHTMLタグのチェックもSafariのキャッシュクリアも全部試してみたけど変わらず。スタイル無し、タグベタ打ちの真っさらなページをアップして確認しても同じ。でも前機種のiPhone8（iOS15）で確認したら、こっちは縮小されずに問題なく表示されてるので、iOS16が怪しいのかなと思い始める。

ところで自サイトはレンタルサーバーのマルチドメインで複数開設してるので、別ドメインのフォルダに真っさらページをアップして📱13で確認したらなんと縮小なし。同じサーバーなのにドメインが違うだけで表示が変わるなんてことあるの！？と混乱。長年のファイルのアップと削除の繰り返しで鯖が断片化でもしてる？一旦ファイル全消しして上げ直すか…と削除してキャッシュクリアしようと、Safariの設定を見てたら気になる項目が……。

ずっと85%縮小で見てました‼️🤯

なんだそれ…聞いてないよ？設定した覚えもない。第一、前の機種では縮小表示なんかされてなかったよ？どおりでスクショからロゴ画像切り出してサイズ比べたら85.2%とか85.1%とかになる訳だわ…_(:3｣∠)_

どうも、ドメイン毎に表示サイズを設定出来るらしく、他にも115〜150%拡大表示されてるサイトもあった。

全部100%にしてやりました‼️💢🤯これでスッキリどのブラウザで見ても同じ……

Not Found ＼(^o^)／ｵﾜﾀ

全ページ再アップして、てがろぐの設定が真っさらになってたのを再設定し、100%で85%の時と同じ表示になるようにcssを修正してたら、くるっぷのメンテナンスが終わってました…… ちくしょう、あたいの1日を返せ。_(┐「ε:)_畳む