是否可以在AMP HTML中生成图像响应,或者我需要在媒体查询中声明每个屏幕分辨率的图像大小?

Bru*_*osa 3 amp-html

我网站上的大多数图像都占据了整个屏幕宽度,因此在我当前的网站版本(不是AMP)中,我将CSS中的所有图像设置为通过这样做来填充整个屏幕宽度:

body img { 
  width:100%
}
Run Code Online (Sandbox Code Playgroud)

在AMP有什么相同的东西吗?

Mat*_*rey 11

如果指定layout="responsive"<amp-img>标记的属性,则图像的行为将与您所描述的大致相同.请参阅http://www.mirror.co.uk/news/uk-news/bonfire-night-2015-how-keep-6767214.amp上的示例

<amp-img>标签需要的高度和宽度.高度和宽度用于确保图像的空间保持打开(因为AMP图像是延迟加载的),并且在调整大小时会考虑纵横比.