ブレイクポイントとは、ある画面サイズを基準として、適用するスタイルを変更するときにその境目となるサイズのことです。Webサイトはウィンドウの角をつかんで画面サイズを変更すると、どこかで表示が崩れたりと画面のレイアウトが切り替わる位置があります。その切り替わる瞬間の画面サイズにブレイクポイントは設定されています。
ブレイクポイントが設定されていることで、画面幅の違う様々なデバイスに適したサイトデザインが実現でき、レスポンシブWebサイトとなります。今はパソコンだけでなく、タブレット、スマートフォンを使うユーザーが多いので、web制作においてレスポンシプ対応は必須となっております。現在は、スマートフォンで320px〜480px、タブレットで768px〜1023px、PCで1024px〜を目安に設定すると良いでしょう。各ページにおいて適したブレイクポイントを見つけていくことが大切です！

Webデザイナー育成スクール「Web Buddy（ウェブバディー）」では、卒業後すぐにWebデザイナーとして活躍することを目的とした、より実践的なスキルを学ぶことができます。
卒業後には業務委託契約を結んで実務経験を積むことも！！

スクールのお申し込みや講義についての質問など、お問い合わせはこちらのフォームをご利用ください。