javascript - 在不裁剪的情况下将未知大小的图像调整为特定大小。 (信箱)

标签 javascript html css

我正在尝试从外部 URL 中获取图像并将其放入特定大小的 div 中。

例如一个 300x200 的 div。外部 URL 上的图像可以是横向或纵向的,我不想用 overflow:hidden

之类的东西裁剪图像

有没有好的/聪明的方法来做到这一点?

最佳答案

你可以试试 #your-div img { 最大宽度:100% 最大高度:100%;

这应该为您完成此 jsfiddle 中的工作 http://jsfiddle.net/trickeedickee/xWeVK/

关于javascript - 在不裁剪的情况下将未知大小的图像调整为特定大小。 (信箱),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10693210/

相关文章:

javascript - 带有空白的自定义过滤器作为千位分隔符不起作用

jquery - 使用 jQuery 创建一个新的 html5 视频对象

javascript - 如何使用 jquery 在内部查找具有指定文本的按钮?

JavaScript - 获取用户输入并在计算中使用以验证值

javascript - 如何将 RESTful API 映射到 BackboneJS 模型和集合中的 URL?

HTML 输入样式 css :focus do not trigger

html - 带有 CustomizR 主题的全宽 DIV

ios - CSS3 Flexbox 不会在 iOS 上使用溢出滚动扩展其宽度

javascript - 如何使用 jQuery 防止 mouseenter 事件操作

javascript - 使用 Angular 获取列表中每个 li' 的 x 和 y 位置