# 【質問内容】制作時の画面サイズ調整について
基本的な内容ですみません…
まだ詳細はできていないのです......

**URL:** https://www.nocode-faq.com/t/topic/576
**Category:** bubble
**Created:** [2021 年 2 月 2 日午前 8:55 UTC](https://www.nocode-faq.com/t/topic/576 "2021-02-02T08:55:42Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)
#### Post date: [2021 年 2 月 2 日午前 8:55 UTC](https://www.nocode-faq.com/t/topic/576/1 "2021-02-02T08:55:42Z")

</div>

【質問内容】制作時の画面サイズ調整について  
基本的な内容ですみません…  
まだ詳細はできていないのですが、Adaloにてこのようなアプリを作りました。  
クリニックの診断支援アプリです。

> **[turugaya app2](https://previewer.adalo.com/a8d5f49d-8034-459c-ad98-bd1c5eb28607)**
>
> Built with Adalo

家族かそうじゃないかで質問に分岐を設けています。  
ログイン内容の調整の兼ね合いもあり、今後この内容をBubbleで作成する予定です。  
実際にクリニックで使用する際はタブレットでの利用が前提になりますが、Bubbleで作成すると最初がWebページサイズになります。  
作成全体をタブレットを基本に行うにはどうしたらよいのでしょうか…？

---

<div class="post-metadata">

### Author: ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)
#### Post date: [2021 年 2 月 2 日午前 8:55 UTC](https://www.nocode-faq.com/t/topic/576/2 "2021-02-02T08:55:43Z")

</div>

レスポンシブにするとウェブでもタブレットでも耐え得るデザインになりますよ！コツとしてはページの各コンテナに「限界大きさ(Max Width)」を指定させないことにあります。(1番目の画像がそれです。2番目の画像の項目はコンテンツを真ん中に寄せたい場合はチェックをつけても良いかもです。)  
また「[https://mobiledesign.bubbleapps.io/version-test」のようにページ幅を変えて「PC](https://mobiledesign.bubbleapps.io/version-test%E3%80%8D%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%83%9A%E3%83%BC%E3%82%B8%E5%B9%85%E3%82%92%E5%A4%89%E3%81%88%E3%81%A6%E3%80%8CPC) Menu/Mobile Menu」のようにコンテンツを切り替えることも可能です。

## 参考画像

 ![Screenshot 2020-09-10 at 07.04.22.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/a25aebbb5ff15835a7a824cf1f5d1e661f848f3f.png)

 ![Screenshot 2020-09-10 at 07.05.10.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/866d499a38d31de1ecd2c6324536550a65f2b496.png)
