# Studioのレスポンシブ対応の改行について

**URL:** <https://www.nocode-faq.com/t/topic/1614>\
**Category:** STUDIO\
**Tags:** フロントエンド\
**Created:** [2021 年 5 月 21 日午前 7:01 UTC](https://www.nocode-faq.com/t/topic/1614 "2021-05-21T07:01:53Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ako](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/ako/32/2358_2.png) [@ako](https://www.nocode-faq.com/u/ako)\
**Post date:** [2021 年 5 月 21 日午前 7:01 UTC](https://www.nocode-faq.com/t/topic/1614/1 "2021-05-21T07:01:53Z")

</div>

Studioのレスポンシブ対応について。  
携帯で閲覧した時のみ改行したいのですが、  
そういったことは可能でしょうか？？

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2021 年 5 月 21 日午後 1:00 UTC](https://www.nocode-faq.com/t/topic/1614/2 "2021-05-21T13:00:17Z")

</div>

可能です。

基本は、  
方法が２つあって、  
①サイズで特定のところにブレイクポイントを作って改行する  
プロジェクト単位で、レスポンシブ対応時にデザインの切り替わる画面幅を調整できます。

【参考】レスポンシブ設定

> **[レスポンシブ設定](https://help.studio.design/ja/articles/4062516-%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E8%A8%AD%E5%AE%9A)**
>
> 様々なデバイスサイズに合わせてデザインを整える

②PCと、スマホで別の表示画面を用意する  
右側で、タブレット時、モバイル時に表示する画面を表示することができますので、  
携帯画面の際にのみ、改行した画面を表示するなどです。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/44df7cc192f738edd54ab03838635227438cdb7e.jpeg)