東京都内のホームページ、パンフレット、チラシ、LINEスタンプのデザイン・印刷はロフティーデザインにご依頼ください!

レスポンシブデザインのブレイクポイント

デザインが切り替わる画面幅のポイントをブレイクポイントといいます。各端末の画面サイズを大まかに知ると、デザインする時に役立ちます。PC基準と、SP基準でコーディングする時に参考になる表示幅をご紹介します。

PC基準でコーディングする場合

PC:設定なし(1025px以上) タブレット:1024px [max-width : 1024px] スマートフォン:599px [max-width : 599px]

SP基準でコーディングする場合

スマートフォン:設定なし(599px以下) タブレット:600px [min-width : 600px] PC:1,025px [min-width : 1025px]

iPhone13シリーズ

iPhone 13mini 5.4インチ、375×812 iPhone 13,13Pro 6.1インチ、390×884 iPhone 13ProMax 6.7インチ、428×926

HP制作のご依頼なら!

ロフティーデザインにお任せください!積み上げた実績が多数ございます。 ロフティー・デザインはWEBサイトの制作実績が多数ございます!お気軽にご相談ください。