1
我想從外部URL中獲取圖片並將其放入特定大小的div中。將未知尺寸的圖像尺寸調整爲特定尺寸而不裁剪。 （Letterboxing）
例如一個300x200的div。外部URL上的圖像可能是風景或肖像，我不希望將圖像裁剪成類似overflow:hidden
有沒有一種好的/聰明的方法來做到這一點？
A
回答
3
您可以嘗試 ＃your-div img {{0}} {0}最大寬度：100％ 最大高度：100％; }
這應該爲你做這份工作時，在此的jsfiddle http://jsfiddle.net/trickeedickee/xWeVK/
+0
這不會限制高度。 – Jason
+0
請參閱我編輯的答案。 – frontendzzzguy
相關問題
- 1. 將未知尺寸的圖像調整爲特定尺寸而不變形？
- 2. 將圖像裁剪爲固定尺寸
- 3. 裁剪長尺寸圖像
- 4. 無裁剪調整畫布的尺寸
- 5. 如何將未知尺寸的圖像調整爲特定尺寸而沒有太多變形？
- 6. TensorFlow - 將未知尺寸張量填充到特定尺寸？
- 7. php將縮略圖調整爲固定尺寸 - 無裁剪
- 8. Android：將圖像裁剪爲特定尺寸
- 9. Node.js調整圖像尺寸
- 10. 調整尺寸圖像
- 11. 調整圖像尺寸PHP
- 12. 尺寸圖像的尺寸1600 * 1200
- 13. 將圖像調整爲更小尺寸
- 14. Android根據設備的屏幕尺寸調整圖像尺寸
- 15. 根據圖像尺寸調整ImageViews的尺寸
- 16. 尺寸圖像以適合WebView尺寸
- 17. 屏幕尺寸到圖像尺寸
- 18. 當屏幕尺寸減小時自動調整圖像尺寸
- 19. 圖像尺寸，
- 20. 圖像尺寸
- 21. 將尺寸調整爲特定尺寸，同時保持css中的寬高比
- 22. 如何調整尺寸爲固定尺寸？
- 23. tensorflow - 調整尺寸
- 24. 使用Graphics.DrawImage調整圖像尺寸結果尺寸調整不正確
- 25. 裁切的圖像尺寸是恆定
- 26. 裁剪和調整圖像到具體尺寸
- 27. 使用CSS調整圖像大小和裁剪尺寸
- 28. PHP/GD - 裁剪和調整圖像尺寸
- 29. 如何在裁剪之前裁剪大尺寸圖像而不裁剪？
- 30. 如何處理不同的上傳尺寸圖片，並將其尺寸調整爲標準尺寸（尺寸）而不會丟失質量？
歌劇有類似我想要的東西。 http://dev.opera.com/articles/view/css3-object-fit-object-position/ – Jason
JavaScript是我唯一的選擇？如果是這樣，有沒有人有一個已經完成它的人的好資源？ – Jason
因此，您需要在保留寬高比的'div'塊中適合圖像？ – VisioN