如何创建AMP iframe根据内容调整其高度

Question

是否有办法确保AMP iframe根据内部内容调整其高度？此内容是动态的，可以不时更改。 谢谢

Answer 1

您可以使用amp-iframe调整大小API来触发amp-iframe元素以从嵌入式文档中调整大小：

window.parent.postMessage({
  sentinel: 'amp',
  type: 'embed-size',
  height: document.body.scrollHeight
}, '*');

Here is a sample implementation with documentation。