English 中文(简体)
当溢出 X 被设为隐藏时, 处理可变高度图像的最佳方式是什么?
原标题:What is the best way to handle variable height images when overflow-x is set to hidden

我有一个非常高的分辨率图像, 显示在任何大小监视器上。 高度是始终显示完整, 宽度可以通过 JavaScript 滚动。 包含元素的外溢- x 设置将被隐藏。 我的问题是, 如何最好地处理变量高度, 并保持正确比例 。

谢谢你的帮助

最佳回答

如果您只设置一个尺寸( hile width , 最大和分钟也适用), 另一个则将按比例缩放, 并维持宽比 。

问题回答

您可以尝试使用最大高度的属性。 值可以是像素或百分比 。

max-height: 100%

max-height: 200px; /* whatever height */

这将按比例限制图像 。





相关问题
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!

热门标签