在AMP HTML布局中= responsive仅保留我使用width和height属性给图像的宽高比.有没有办法保持图像本身的宽高比？
小智 7
如果你给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%.
| 归档时间： |
|
| 查看次数： |
1392 次 |
| 最近记录： |