Adobe Experience ManagerでDynamic Media ビューアプリセットが応答しない

Adobe Experience Manager Dynamic Mediaでは、ビューアプリセットのサイズがレスポンシブに変更されなかったり、ブラウザーのビューポートが変更されたときに中央に表示されたままになります。 この問題は、インラインズームやフライアウトビューアなど、様々なビューアプリセットに影響を与える可能性があります。また、コンポーネント内のインタラクティブな要素によってトリガーされるポップアップやオーバーレイにも影響を与える可能性があります。 この問題を修正するには、Dynamic Media コンポーネントで設定されている固定の高さと幅の値を削除します。

説明 description

環境

Adobe Experience Manager (AEM) Dynamic Media

問題/症状

  • ブラウザーのウィンドウまたはデバイスのビューポートが変更されても、Dynamic Media ビューアプリセットのサイズは変更されません。
  • ビューアのコンテンツは、利用可能な画面スペースに適応する代わりに、中央に配置されたままになります。
  • インラインズームとフライアウトビューアプリセットの表示の応答性に関する問題。
  • Dynamic Media コンポーネントからトリガーされたポップアップまたはオーバーレイのサイズが正しく変更されない。
  • この問題は、Dynamic Media コンポーネントで固定の高さと幅の値が設定されている場合に発生します。

解決策 resolution

問題を解決するには、次の手順に従います。

  1. AEM エディターで、レスポンシブにサイズ変更されないDynamic Media コンポーネントを選択します。
  2. コンポーネント設定を開き、明示的に設定された Height および Width の値(例:Height: 600、Width: 900)を確認します。
  3. これらの固定寸法値を削除または消去して、コンポーネントでレスポンシブサイズを使用できるようにします。
  4. 変更内容を保存します。
  5. 公開済みとして表示 モードを使用し、ブラウザーウィンドウのサイズを変更して、Dynamic Media コンテンツがレスポンシブにサイズ変更され、異なる画面サイズで表示されたままであることを確認します。
  6. 必要に応じて、他のビューアプリセットまたはDynamic Media コンポーネントに対してこれらの手順を繰り返します。
  7. インタラクティブ要素によってトリガーされるポップアップまたはオーバーレイの場合は、CSSの位置を調べます。 ポップアップがレスポンシブに再配置またはサイズ変更されない場合は、オーバーレイのCSSとJavaScriptを確認します。 固定ディメンションを削除した後も問題が解決しない場合は、別のサポートチケットを開いて、さらにトラブルシューティングを行うことを検討してください。
recommendation-more-help
experience-cloud-kcs-help-kbarticles