English 中文(简体)
将未知大小的图像缩放为特定大小而不裁剪 。 (信箱)
原标题:Sizing images of unknown size to a specific size without cropping. (Letterboxing)

我试图从外部的 URL 上取一个图像, 并将其放在一个特别大小的 div 。

例如, div 即 300x200。 外部 URL 上的图像可以是景观或肖像, 我不希望用 < code> overflow: hidden 之类的东西来刻画图像

是否有好/聪明的方法做到这一点?

最佳回答

You could try #your-div img { max-width: 100% max-height: 100%; }

这应该像这个jsfidle

问题回答

暂无回答




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签