レスポンシブ・サイトでのテスト

レスポンシブWebサイト向けのキャンペーンを作成したら、変更したバリアントを様々な画面サイズでプレビューできます。レスポンシブ・モードを使用すると、様々なビューポート・サイズやデバイス・タイプをすばやく切り替えることができます。

次の例では、ナビゲーションの「Sale」リンクをテストし、そのテキストをClearanceに変更しています。「Responsive」ツールバーを使用すると、小さい画面サイズに変更が適用されていないことがわかり、さらに変更を加えるか、モバイル・デバイスとタブレット・デバイスを除外することによって、テストを適切に調整できます。

この機能を有効にする手順は、次のとおりです。

  1. 「Responsive」メニューを開き、「Responsive Tool Bar」を選択します。
    「Content」ウィンドウの下部にある「Responsive」メニューのイメージ
  2. 「Responsive」メニューでは、「Phone」または「Tablet」デバイス・モードを有効にすることもできます。これにより、モバイル・ユーザー・エージェントを使用して電話またはタブレット・デバイス・フレームにページがリロードされます。

さらに学ぶ

イメージでのsrcsetのサポート

pictureタグのサポート

レスポンシブ・モード, ビューポート・サイズ, デバイス・タイプ, 電話, タブレット, デバイス・モード