iPhoneは特殊な画面をしています。 Webサイトもその特殊な画面に合わせたデザインだと好印象です。 今回はiPhoneの対応方法とその確認の方法について紹介します。 iPhoneの画面は、上部にあるノッチと呼ばれるカメラなどを内蔵した特殊な形のフレームがあります。 また、下部にはホームバーと呼ばれるiPhoneを操作するためのエリアも存在します。 Webサイトもそれに合うように、デザインを調節する必要があります。 iPhoneに対応していないWebサイト iPhoneに対応していないWebサイトの場合は、iPhoneの画面のノッチに重ならないように画面内に余白が作られます。 iPhoneの向きによって、画面内の余白が自動的に作られて次のような見た目になります。 縦向きの場合 (portrait) iPhoneを縦向きにしてWebサイトを表示した例です。 この場合、画面上部のノッチにデザ