代码之家 › 专栏 › 技术社区 › Hong

如何设置所有amp img的布局?

amp-html

Hong · 技术社区 · 6 年前

我希望页面上的所有amp img实例都使用layout=“responsible”。有没有一种方法可以做到这一点?

amp-img{
    layout: responsive;
}

1 回复 | 直到 6 年前

Craig Scott 6 年前

它必须在标记内部为每个图像指定。不知道你的应用程序是什么,但是如果你在一个页面上输出一堆图片,你可以使用 amp-list 和mustache标记,用于定义图像url和维度(如果通过JSON文件每个图像的url和维度不同)。然后你只需要做一次AMPIMG标签,让AMPList负责循环出图像。

这就是我输出所有图像的方式 this page

推荐文章

saitho · Google AMP缓存和HTTP/2–通过HTTP/2在移动设备上交付内容?

7 年前

REDDY PRASAD Mortana · 在amp lightbox内创建amp表单

7 年前

ganchito55 · AMP和代码块

7 年前

Iustin BeceneagÄ · 当我在某个页面上时,我的wordpress标题消失了

7 年前

Nadine Fisch · 如何将子iframe维度设置为父amp iframe维度?

7 年前

Asim Khan · AMP访问控制允许源站标题问题

7 年前

Mariya Steksova · amp灯箱:如何在一个动作中关闭当前模式并打开其他模式?

7 年前

Christian Rauchenwald · 谷歌AMP>头部和网站地图

8 年前

Muhammad Ali Hassan · 在vivo模板中集成加速移动页面

9 年前

hugronaphor · 如果内容不可用,如何为AMP页面传递错误

9 年前