我正在使用amp-story-grid-layer并将模板设置为＆＃34; fill＆＃34;。我的背景图像的宽高比为16：9（高度为1920，宽度为1080）。当我在amp-story-grid-layer中显示背景时，图像的顶部和底部被放大器故事的观看布局切断。 （从顶部和底部缺少约50 px）AMP故事假设以16：9显示？故事似乎宽度超过16：9。
答案 0 :(得分：1)
AMP故事以用户浏览器窗口的大小显示。虽然很多手机都是16：9（或者更确切地说，纵向是9:16），但有些空间通常由浏览器工具栏和类似的手机占用，有效可用空间不会高于9:16。而且，当然，有些手机开始时不是9:16。
在桌面或平板电脑横向UI上，amp-story一次最多可显示三个amp-story-page个元素。这些以3：5的宽高比显示（相当于9:15;再次，略短于9:16）。
在任何情况下，你都需要有点灵活，让图片的某些部分被裁剪，以使其真正完全流血。您的选择是：
template="vertical"，为图片使用layout="responsive"，并使用CSS将其居中;您的图片顶部/底部会显示letterboxing template="vertical"，为图片使用layout="height-responsive"，并使用CSS将其居中;你将在你的图像的左/右边有信箱不幸的是，为了让您的用户界面具有响应能力，您需要选择最适合您的方案。