Studio

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

レスポンシブ設定方法

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

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

ボックスを内包する親ボックスの縦幅が固定値（px）であれば、その単位を「auto」に変更すると問題が解消する可能性があります。

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

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

PCやモバイルで画面幅によって要素が表示されない原因と、エディタ上で表示設定を確認・変更する方法を解説します。要素が意図せず非表示になっているケースが多いので、設定を見直すことで解決できます。

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

リンク, 終了するにはcontrol-option-right-arrowを押します

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

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

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

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

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

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