Studio

Studioサイトのレスポンシブ設定方法とコツを解説します。デバイスサイズに応じたデザインを作成し、ユーザーに最適な表示を提供しましょう。

レスポンシブ設定方法

レスポンシブデザインで画面サイズに応じたレイアウトを実現するために、画面幅の切り替えポイントを設定することができます。PC・タブレット・モバイルの基本サイズに加えて、スモールサイズとミニサイズも追加できます。

様々な画面サイズ向けにデザインする

Studioエディタ上では問題のないレスポンシブレイアウトが、スマホで表示した際に崩れてしまう理由と、よくある実装例とその対処方法をご紹介します。

ボックスの表示設定機能を使い、ブレイクポイント（基準・タブレット・モバイル）毎に異なる画像を表示できます。

ハンバーガーメニューの作り方を解説します。PCサイズではメニューを常に表示し、モバイル/タブレットではクリックでメニューを切り替える仕組みの実装手順を紹介します。

Intercom のサポートやコミュニティのエキスパートに質問し、答えてもらいましょう。

御社に関連するすべてのチケットの進捗状況を追跡

{assigneeName}さんがこちらに対応中です！

{assigneeName}さんがチケットを完了しました

{assigneeName}さんが近日中に対応する予定です

{assigneeName}さんが詳細情報を必要としています

あなたのチケットは完了しました