我目前正在制作我的网站
AMP-ified我的网站是用引导程序构建的,所有内容都是响应式的所以我的大多数图像都是这样设置的:
img{
width:100%;
height:auto;
}
然而,我的amp-img遇到的问题是它需要在图像上设置宽度和高度.在没有设置高度和宽度的情况下,使用放大器制作响应式图像的正确方法是什么?
最佳答案 放大器需要尺寸在标签中是有原因的
放在那里的大小是amp-script用来生成占位符的大小.占位符可阻止内容在图像加载时跳转.
话虽这么说,只需将有机图像尺寸放在标签中,并在CSS中使用以下两个属性,以确保图像播放得很好
(确保添加一个选择器 – 当然)
{
max-width: 100%;
height: auto;
}