あなたが現在見ているのは 折りたたみiPhone登場で、Webのブレイクポイントはどう変わる?

折りたたみiPhone登場で、Webのブレイクポイントはどう変わる?

  • 投稿カテゴリー:業務

ついにAppleから折りたたみiPhone「iPhone Duo」が登場しました。2026年9月に発表されたこの端末は、閉じた状態では5.4インチ、開くと7.6インチのディスプレイになる、これまでのiPhoneとは異なる使い方ができる端末です。

Web制作の視点で気になるのが、「これからブレイクポイントはどう考えればいいの?」という点です。これまではスマートフォン、タブレット、PCといったデバイスの種類を意識して、768pxや1024pxなどの区切りを設定するケースが多くありました。

しかし、画面サイズやアスペクト比のバリエーションが増えていく中で、「この端末だからこのブレイクポイント」という考え方だけでは対応しにくくなっています。

新しいデバイスが登場するたびにCSSを追加するのではなく、どの画面幅でもコンテンツが自然に見える設計にするのが正しいのでしょうが、そうそう簡単にいくでしょうか、、、表示崩れの確認にキリがなさそうですね。

制作側としては、JIS規格のように標準サイズを定めてもらいたいのが正直なところですね。