html – 如何正确设置amp-img的宽度和高度属性

我目前正在制作我的网站
AMP-ified我的网站是用引导程序构建的,所有内容都是响应式的所以我的大多数图像都是这样设置的:

img{
  width:100%;
  height:auto;
}

然而,我的amp-img遇到的问题是它需要在图像上设置宽度和高度.在没有设置高度和宽度的情况下,使用放大器制作响应式图像的正确方法是什么?

最佳答案 放大器需要尺寸在标签中是有原因的

放在那里的大小是amp-script用来生成占位符的大小.占位符可阻止内容在图像加载时跳转.

话虽这么说,只需将有机图像尺寸放在标签中,并在CSS中使用以下两个属性,以确保图像播放得很好

(确保添加一个选择器 – 当然)

{
  max-width: 100%;
  height: auto;
}
点赞