この記事でわかること
- iPhone Duoの外側画面のSafari 27.1では、操作部が画面の横（縦向きなら右端）に縦一列で並ぶため、Webページの表示幅がその分狭くなること
- Appleが10月23日（米国時間）、WebKit公式ブログでこの仕様を説明し、操作部の背後までWebページが使えるようにする方法を検討していると明らかにしたこと
- 変更の内容や時期は未定であることと、Safari 27.1で折り曲げた状態のPDF見開き表示が加わったこと
外側画面のSafariは、操作部の分だけ表示が狭い
10月23日に発売されたApple初の折りたたみiPhone「iPhone Duo」は、閉じた状態では5.4インチの外側ディスプレイを使います。この外側画面は、ほかのiPhoneより横に広く、縦が短い形。そこでiOSは、縦方向の表示スペースを確保するために操作部を画面の横へ移しています。
縦向きで持つと、画面の右端に細長い列ができ、Safariの操作ボタンとiPhone本体の操作部がそこに並びます。Safari 27.1では、Webページの中身はこの列の背後まで広がりません。列の部分は、ページの背景色で塗られるだけです。
WebKitが公開した数値では、外側画面でページが使える横幅は縦向きで382、横向きで594（Webページの設計で使うCSSピクセル単位）。開いた内側画面では縦向き669、横向き951なので、外側画面の縦向きはかなり窮屈です。この狭さは発売前後のレビューでも指摘されており、9to5Macは自社を含む複数のレビューで取り上げられた点として紹介しています。
Appleは操作部の背後を使える方法を検討中
Appleはこの点について、Safari 27.1の新機能を紹介するWebKit公式ブログの記事で説明しました。書いたのは、WebKitチームのジェン・シモンズ氏です。
Appleは、Webサイトの制作者がこの領域をデザインにもっと自由に使えるようにしたい考えです。例として挙がっているのは、ページ上部の見出し部分の背景を画面の端まで伸ばす使い方です。
方法の候補として記事が触れているのが、Webページ側の設定（viewport-fit=cover）で表示を画面の端まで広げるやり方です。ただしこの場合、制作者はシステムの操作部を避けて重要な内容を内側へずらす設定まで、正しく行う必要があります。Appleが今のWebサイトを調べたところ、画面の四辺すべてをきちんと処理できていない例が多く、そのまま広げると大事な表示が操作部の下に隠れかねません。そこでAppleは、もっと間違いが起きにくく、制作者にも扱いやすい方法がないかを調べているとしています。
ブログ記事では制作者からのアイデアも募っていますが、具体的な仕組みや提供時期は示されていません。10月26日に公開されたSafari 27.2の紹介記事でも、この点には触れていませんでした。
Safari 27.1で加わったPDFの見開き表示
Safari 27.1で利用者の目に見える変更は、PDFの表示です。iPhone Duoを本のように半分ほど開いた状態でWeb上のPDFを見ると、2ページが左右に並ぶ見開き表示へ自動で切り替わります。画面を平らに開くか、完全に閉じると1ページ表示に戻ります。
Web制作者向けには、端末の折り曲げ状態を知るための「Device Posture API」と、折り目の左右（または上下）の領域を扱う「Viewport Segments API」が試験的に入りました。Safariの詳細設定にある「Feature Flags」で両方をオンにすると試せます。実機がなくても、Xcode 27.1以降に含まれるDevice HubでiPhone Duoのシミュレータを作って確認できます。
外側画面で見づらいときは
外側画面で表示が狭いのは不具合ではなく、AppleがSafari 27.1の仕様として説明している挙動です。利用者が設定で変えられる項目も案内されていません。
文字や表が細かくて読みにくいページは、iPhone Duoを開いて内側画面で見ると横幅に余裕が出ます。
