Q&A
過去質問に似たような質問があり、回答した記憶があるので、探してみてください。
これに限らず、大抵のことはどこかで一回は出てます。
レスポンシブ考えるのでしたらGoogle公式のドキュメントも探してみても良いと思いますし、「自分がどこまで対応するか」という“決め”次第な面もあります。
PC・SPの画面があるWebアプリケーションを開発しています。
スマホとデスクトップのブレイキングポイントはいくらで設定したら良いのでしょうか？
色々な記事があり、何を参考にしたら良いのかわかりません。
Googleで「css ブレイキングポイント」で検索した際に一番上に表示される記事に書いている「520px」で良いでしょうか？
参考にしたサイト
https://hashimotosan.hatenablog.jp/entry/2020/12/06/182327
ありがとうございます。過去のブレイキングポイントに関するQAを見ると、
普及しているデバイスの画面幅を基準としてブレイクポイントを決める などの記載がありました。
また、参考値としてGoogle公式は見つけられなかったのですがBootstrapは576px、マテリアルデザインは600pxでした。
https://getbootstrap.com/docs/4.2/layout/overview/#responsive-breakpoints
https://material.io/design/layout/responsive-layout-grid.html#breakpoints
それらを見た上での自身の見解も追記してみてください。
自分の見解は自信がないのですが、画面サイズも多様になってる中で、絶対的にこれじゃないとダメという訳ではないように見えるため、
推奨されている520~600pxの間である576px(※)で一旦対応し、問題が生じたら別途検討で考えております。
※3や4で割り切れると、widthを%を使用したり考えるのに都合が良い
（質問本文に）自身の見解も追記してください。
こちらはあくまで「質問への追記修正依頼」のコメント欄です
回答1件
0
投稿2021/01/07 06:33
総合スコア36138
あなたの回答
tips
プレビュー
