問題タブ [amp-html]

寸法が異なる画像を使用して AMP-Carousel を作成するのに苦労しています。カルーセル内の画像を固定の高さと自動幅にスケーリングしたい。

ドキュメントで提供されている例はすべて同じ幅/高さです。

amp-img 要素の幅を省略して、layout="fixed-height" を使用しようとしましたが、まったく機能しませんでした。ドキュメントは非常に紛らわしいです。

私が持っているものと欲しいものを示すためにjs-fiddleを作成しました

https://jsfiddle.net/ag38afa7/

編集：

スタイルがドキュメントと一致していませんか、それともわかりませんか?
amp-carousel ページには次のように記載Layout not supported for: responsive されていますが、デモ ページでは amp-img 要素にlayout="responsive"
https://ampbyexample.com/components/amp-carousel/があります。

これは AMP ページに関するものです。問題は、画像が元の形式を超えてサイズ変更され、修正方法がわからないことです。

私は達成したい：

• 右側に浮かぶ画像 (およびテキストがその周りを流れる)
• ビューポートの最大 40% を占めます
• ビューポートの 40% が元の画像サイズよりも小さい場合、画像は元のサイズよりも縮小する必要があります。
• 画像は元のサイズより大きくならない場合があります
• css 部分はすべてのサイズの画像で動作するはずです (したがって、css 部分に画像サイズの指定はありません)。
• 特定のビューポートの 40% が画像の元のサイズよりも大きい場合、画像を含む div は画像の元のサイズを超えて大きくならない可能性があります

もちろん、AMP のため、html コードで画像のサイズを指定しても問題ありません。

コード：

最小幅が指定されていない場合、画像が表示されないことに気付きました。最小幅を 100px にしましたが、画像は 100px に固定されます。

AMP 変換を提供する別のワードプレス プラグインをインストールしましたが、それは投稿でのみ機能し、ウェブサイトの大部分を形成するウェブサイト ページでは機能せず、実際には投稿よりも重要です。

このプラグインはページと投稿の両方で機能しますか、それとも他の投稿のみと同様に機能しますか?

ありがとう

エイドリアン

現在の Magento ライブ プロジェクトに AMP の概念を統合し始めました。

私は以下のことをしました。

ここで提案されているように、www フォルダー内の 1 つのテスト html ファイルhttps://www.ampproject.org/docs/get_started/create/basic_markup.htmlこれはうまくいきました。

私は1column.phtmlで、私のmagentoプロジェクトでやった、

head.phtml に、次のように最初の行を追加しました

を追加してホームページを運営しています#development=1。以下のようにコンソールにエラーが表示されます。

誰でもこの問題を解決するのを手伝ってくれますか?

前もって感謝します..