問題
- 画像付きのフラグメントでAdaptive Mediaが適用されていないことに気がつきました。
- ドキュメントとメディアライブラリに幅600px以上の画像を追加する
- コントロールパネル→設定→アダプティブメディアへ
- プロパティに width: 600px, height: automatic で新しい解像度を追加します。
- 既存の画像に新しい解像度を適応させる
- Site→Content & Data→Web Contentに移動し、Basic Web Contentを追加します。
- 手順1でアップロードした画像をコンテンツに追加して公開する
- ページにWebコンテンツ表示ポートレットを追加し、追加したWebコンテンツを設定します。
- ブラウザでデバイスシミュレーションを開き、モバイルデバイスをシミュレートします（私の場合はChromeを使ってiPhone Xをシミュレートしました）。
- Webコンテンツ表示ポートレットの画像をブラウザの開発ツール（ネットワークタブに最適）で検査します。
結果。 私の場合は「/o/adaptive-media/...」から画像が提供されています。/o/adaptive-media/image/49546/preview-600x0/Policy.png?t=1585211947689
→低解像度の画像を使用
- コンテンツページを追加し、画像付きのフラグメントを構成する（画像やカードなど
- ウェブコンテンツと同じ画像を設定する
- コンテンツページを公開する
- ブラウザでデバイスシミュレーションを開き、モバイルデバイスをシミュレート（再びChromeでiPhone Xをシミュレート
- フラグメント内の画像をブラウザの開発ツール（ネットワークタブに最適）で検査します。
結果：画像は「/ documents /...」から提供されます。私の場合は
/documents/20124/0/Policy.png/8e3dbd7a-feb4-d5cd-e34a -2ee6c6ad124a？version = 1.0＆amp; t = 1585211947689＆amp; download = true 2>
→元の画像が使用されます
環境への配慮
- ＤＸＰ７．
決議
- これは、Liferay DXP 7.2の次期バージョンに含まれる予定の の欠落した機能です。
- このための機能リクエストが開かれました： LPS-97919