有没有办法在amp-img标签中保留原始图像的纵横比？
有没有办法在amp-img标签中保留原始图像的纵横比？
提问于 2016-08-23 10:10:05
在AMP HTML中，layout=responsive只保留我使用宽度和高度属性提供给图像的纵横比。有没有办法保持图像本身的纵横比？
Stack Overflow用户
发布于 2016-11-11 17:19:43
如果你给amp-img一个容器div (我个人是在后端动态做的)，实际上有一个变通的方法。
然后对容器应用一个高度，然后就可以使用css amp-img > img { object-fit: contain; }。
这是一个完整的例子，我使用了25,000页来保持我的页面图像具有正确的比例。
<div class="image"><amp-img width="400" height="225" layout="fill" src="foo.jpg"></amp-img></div>
请注意，宽度/高度并不重要，因为当使用layout="fill“时，宽度和高度会自动设置为容器的100%。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39091280
复制相关文章
相似问题
腾讯云开发者
