实施amp-iframe
时,我在控制台中收到以下验证错误:
<amp-iframe width="600" height="140" layout="responsive" sandbox="allow-scripts allow-same-origin allow-modals allow-popups allow-forms" resizable src="https://mydomain/page.html"></amp-iframe>
必须为可调整大小的帧定义溢出元素
有任何想法如何解决这个问题?
答案 0 :(得分:4)
我找到了解决方案。
放大器文档指出amp-iframe
必须包含overflow
子元素,因此:
<amp-iframe width="600" height="140" layout="responsive" sandbox="allow-scripts allow-same-origin allow-modals allow-popups allow-forms" resizable src="https://mydomain/page.html">
<div overflow tabindex=0 role=button aria-label="">Read more...</div>
</amp-iframe>
解决了这个问题。
答案 1 :(得分:0)
就我而言,我只是删除了 resizable
属性,因为它不需要,而 layout="responsive"
就足够了。查看layouts page。