2017-12-20 10 views
0

私はamp-imgに関する問題に直面しています。amp-imgがインライン要素を非常に呑み込む

ソースコードにamp-imgの後にインライン要素を書き込むと、 amp-imgは、ブラウザでレンダリングしたときにその要素を呑み込んでしまいます。

ソースコード<amp-img /><span>...</span> - > レンダリングされたHTML <amp-img><span>...</span></amp>

又は

ソースコード<amp-img /><amp-img /><a><amp-img /></a> - > レンダリングされたHTML <amp-img><amp-img><a><amp-img /></a></amp-img></amp-img>

私はこのような要素の順序を反転した場合、

ソースコード<span>...</span><amp-img />

正常に動作します。

MacOSのChromeとSafari、iOSのSafariで確認しました。

誰かがその理由を知っていますか?

ありがとうございます。

+0

に、あなたは[最小、完全かつ検証例](https://stackoverflow.com/help/mcve)を掲載しませんか? –

答えて

2

変更

<amp-img /><span>...</span> 

<amp-img></amp-img><span>...</span> 
関連する問題