Question

是否可以设置amp-img的宽度和高度？

网页上有许多amp-img标签，所有标签的宽度，高度和布局都完全相同。最好对它们进行样式设置，以便不必为每个amp-img指定它们。

尝试了以下内容：

 <style amp-custom>
    amp-img {
    vertical-align:top;
    width:30px;
    height:30px;
    }

    .bold{
    font-weight:bold
    }
 </style amp-custom>

   Tap
    <amp-img alt="Add" layout="fill" src="@Url.Content("~/Content/appbar.add.rest.png")"></amp-img>
    and choose one of the following actions:

它通过AMP验证，但未显示图像。如果将layout =“ fill”删除，则会显示该图像，但无法通过AMP验证。

Answer 1

不填写任何内容（宽度，高度或布局）会迫使AMP假定布局类型为container，而不是受支持的布局类型amp-img。因此，至少要指定一个布局。如果只想指定一个布局然后使用CSS来指定宽度和高度，则可以使用fill。

然后可以使用CSS引用amp-img并指定宽度和高度。

amp-img { width: 300px; height: 200px }

有关支持的版式的更多信息，请参见amp-img reference page。

支持的布局：填充，固定，高度固定，弹性项目，内部，无显示，响应式

要了解有关每种布局类型的含义的更多信息，请查看layout and media queries文档。

如何设置amp-img的宽度和高度

1 个答案: