Amp html “img/amp视频响应,如何修复”;图像和视频由浏览器地址栏剪切;

Amp html “img/amp视频响应,如何修复”;图像和视频由浏览器地址栏剪切;,amp-html,amp-story,Amp Html,Amp Story,我正在实现amp故事 案例:我们在Instagram上有很多故事,我们正在将它们迁移到网站上的amp故事 我用的是amp的故事,我有一个问题和amp的img和amp视频响应 我认为“响应”功能运行良好,因为如果我在操场上测试良好。 但当你在手机(chrome浏览器或safari浏览器)上看到图像或视频时,它并不完美。在这两种情况下,地址栏都会将图像的顶部切掉,在safari情况下,地址栏也会将图像的底部切掉。 safari mobile上的40px和chrome mobile上的80px都不算太

我正在实现amp故事

案例:我们在Instagram上有很多故事,我们正在将它们迁移到网站上的amp故事

我用的是amp的故事,我有一个问题和amp的img和amp视频响应

我认为“响应”功能运行良好,因为如果我在操场上测试良好。 但当你在手机(chrome浏览器或safari浏览器)上看到图像或视频时,它并不完美。在这两种情况下,地址栏都会将图像的顶部切掉,在safari情况下,地址栏也会将图像的底部切掉。 safari mobile上的40px和chrome mobile上的80px都不算太多,但对于某些图像来说很重要

有没有可能在不丢失像素的情况下隐藏临时地址栏或调整图像大小

其他测试: 我使用template=“vertical”和layout=“responsible”对您的图层进行了测试 但它会使图像变得非常小,并添加太多的颜色背景

完整测试示例:

amp img标签示例:


amp视频标签示例:


我希望像素不会太松散,在智能手机上可以看到垂直全屏幕的图像

有没有可能在不丢失像素的情况下隐藏临时地址栏或调整图像大小

你有什么建议吗?这是一个错误(不考虑浏览器地址栏)

提前非常感谢