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