ページサイズ(width)設定

bubble レスポンシブ
1

ウェブアプリ作成の際の最適widthを教えて頂きたいです。

サイトによって1200や960だったりするのですが、よく使われているサイズを私のデフォルトにしたいと考えています。

初心者の質問で申し訳ございません。

2

「最適」ですらすべてをカバーできるわけではない、というのが現状です。
ここは決めの問題としか言えないかなと^_^;

PCは1200、タブレットは760、スマートフォンは375（日本はiPhoneが圧倒的に多いためこちらで）というのはNinjaからの推奨とさせてください＾＾

「いいね！」 3
3

親切に回答いただきありがとうございます！

pc想定で作成していこうと思います。

「いいね！」 2
4

僕はよく、BootStrapの基準を参考に、更に画面幅の小さいiPhone5等にも対応できるように、以下のブレークポイントを意識しています。

XSM: 375px,
SM: 576px,
MD: 768px,
LG: 992px,
XL: 1200px,
XXL: 1400px

ちなみに、Studioでは以下のブレークポイントが使われていますね。

Mini: 320px,
Mobile: 480px,
Tablet: 768px,
Small: 1280px,
Primary: 1400px

参考になれば幸いです:relieved:

「いいね！」 4
5

ご回答ありがとうございます！
とてもわかりやすくて参考になります。

そこまでユーザーのメイン使用端末に合わせてページサイズ設定に配慮されているんですね！
ユーザーへの気遣いが足りませんでした :sob:

「いいね！」 1