在AMP HTML layout =僅使用寬度和高度屬性保持我給圖像的寬高比。有沒有辦法保持圖像本身的寬高比?有沒有辦法在amp-img標籤中保留原始圖像縱橫比?
0
A
回答
0
沒有。您可以從後端或您使用的圖像API獲取寬高比信息,並將它們作爲變量放入高度和寬度屬性中。
在Github上查看以下問題: https://github.com/ampproject/amphtml/issues/2039 https://github.com/ampproject/amphtml/issues/2939
7
有INFACT一個解決辦法,如果你給放-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>
保持注意的寬度/高度並不重要作爲寬度和高度當使用佈局=「填充」將其自身設置容器的100%。
相關問題
- 1. 使用<a-image>標籤時,有沒有辦法保留圖像比例?
- 2. 如何以橫向適應縱向圖像在縱橫比保持縱橫比
- 3. 有沒有辦法在輸出到標籤時保留格式?
- 4. CSS - 保持圖像縱橫比flexbox
- 5. 靈活的標題,保持標誌圖像的縱橫比
- 6. css - 改變沒有包裝的圖像的縱橫比
- 7. 保持縱橫比在OpenGL
- 8. 在css中裁剪圖像,保持縱橫比並居中
- 9. Ffmpeg改變縱橫比沒有成功
- 10. 在響應尺寸分區中保持圖像縱橫比
- 11. 保存圖像縱橫比的圖像表
- 12. HTML - 在保留縱橫比的同時儘可能大地顯示圖像
- 13. 有沒有辦法在select標籤中選擇optgroup的標籤?
- 14. 有沒有辦法在jQuery中使用圖像地圖座標?
- 15. 繪圖縱橫比
- 16. WPF:有沒有辦法將圖像保存在Viewport3D中?
- 17. Perl - Image :: Magick創建特定大小的圖像「畫布」,同時保持原始圖像的縱橫比?
- 18. 有沒有辦法在應用程序更新期間保留固定圖標?
- 19. 縱橫比自定義列表視圖中的縱橫比
- 20. 在保持縱橫比的同時調整圖像大小
- 21. 如何調整在d3.js圖像時不保持縱橫比
- 22. 有沒有辦法在CSS中保留一個錨?
- 23. 有沒有辦法在LiveDocX中保留HTML格式?
- 24. HTMLAgilityPack沒有保留原來的空標籤
- 25. 有沒有辦法禁用標籤?
- 26. imageview和圖像縱橫比的區別
- 27. 獲得縱橫比FO圖像
- 28. 調整縱橫比的圖像
- 29. 有沒有辦法給標籤值的開始添加文本?
- 30. 基於另一圖像尺寸縮放圖像並保留其縱橫比的算法