この記事は【転載】iPhone(スマホ)で背景が途中で切れてしまう時のCSS対処法に転載しています。今後、技術系のブログはリンク先ブログで更新していく予定なので、そちらもよろしくお願いいたします! PC用ホームページ制作中にiPhoneで「背景が横幅MAXで表示されない」という状況に陥りました。 これまでにも自分で制作したPC用のホームページをiPhoneで見る事はありましたが、 初めてぶつかった問題だったので備忘録としてCSSでの解決方法を残しておきます。 原因 iphoneでは、どんなホームページを見ても同じ横幅で表示されますよね。 調べてみたところ、今回の問題はそこに原因がありました。 iPhone用のSafariは、Viewport(PCでいうウィンドウサイズ)という概念を持っていて、 デフォルトで980pxに設定がされています。 980px以上のPCサイトであっても、iPhone