異なる機器や画面でサイトが違って見える

ライブサイトのパーツは、他のパーツと並んで表示されます。各ウェブブラウザでは、テキストのレンダリング方法が異なります。そのため、ブラウザによっては、テキストボックスの下のパーツが上下に位置合わせされることがあります。

この問題を解消するには、テキストボックスの高さを設定して、その下のパーツが異なるブラウザで同じように配置されるようにします。

詳細はこちらをご覧ください。

ブラウザやデバイスによってさまざまなレンダリングエンジンが使用されるため、フォントの表示方法にわずかな違いが生じる場合があります。

ブラウザによって、テキストが 1 行ではなく複数行に表示される場合は、テキストボックスを展開して必要以上に幅を広げます。これにより、次の行にレンダリングせずにテキストを展開するためのスペースができます。下記をご覧ください：

詳細はこちらをご覧ください。

サイト上のパーツがブラウザウィンドウの左または右にあることが検出されると、ブラウザに横スクロールバーが表示されます。

横スクロールバーを削除するには、エディタ内のパーツを縦のガイド線内に移動させるか、レスポンシブパーツを使用します。

ヒント：パーツが見つからない場合は、エディタ内をクリックし、パーツを選択するまで、キーボードの Ctrl + M （Mac の場合は cmd + M ）を押します。

ガイド線の外に配置されたパーツはタブレットや画面の小さい機器上では表示されないことがあります。重要なコンテンツはすべての画面で表示できるように、ガイド線内に配置することをお勧めします。また、コンテンツをビュー内に残すために、レスポンシブの全幅パーツ（例：ストリップ、カラム、ギャラリー）を使用することもできます。

詳細はこちらをご覧ください。