# ページサイズ(width)設定

**URL:** <https://www.nocode-faq.com/t/topic/2040>\
**Category:** レスポンシブ\
**Tags:** フロントエンド\
**Created:** [2021 年 8 月 12 日午後 3:25 UTC](https://www.nocode-faq.com/t/topic/2040 "2021-08-12T15:25:54Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\
**Post date:** [2021 年 8 月 12 日午後 3:25 UTC](https://www.nocode-faq.com/t/topic/2040/1 "2021-08-12T15:25:55Z")

</div>

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

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

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

---

<div class="post-metadata">

**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\
**Post date:** [2021 年 8 月 13 日午前 6:16 UTC](https://www.nocode-faq.com/t/topic/2040/2 "2021-08-13T06:16:00Z")

</div>

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

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

---

<div class="post-metadata">

**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\
**Post date:** [2021 年 8 月 13 日午前 9:53 UTC](https://www.nocode-faq.com/t/topic/2040/3 "2021-08-13T09:53:05Z")

</div>

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

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

---

<div class="post-metadata">

**Author:** ![Aki\_Sydney](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/aki_sydney/32/6600_2.png) [@Aki\_Sydney](https://www.nocode-faq.com/u/Aki_Sydney)\
**Post date:** [2021 年 8 月 13 日午後 12:48 UTC](https://www.nocode-faq.com/t/topic/2040/4 "2021-08-13T12:48:39Z")

</div>

僕はよく、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

参考になれば幸いです😌

---

<div class="post-metadata">

**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\
**Post date:** [2021 年 8 月 14 日午前 1:00 UTC](https://www.nocode-faq.com/t/topic/2040/5 "2021-08-14T01:00:48Z")

</div>

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

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