我想创建一个div可以随着窗口宽度的变化而改变宽度/高度的东西.
是否有任何CSS3规则允许高度根据宽度改变,同时保持其宽高比?
我知道我可以通过JavaScript实现这一点,但我更喜欢只使用CSS.
我有一个图像,我想设置一个特定的宽度和高度(以像素为单位)
但如果我使用css(width:150px; height:100px)设置宽度和高度,图像将被拉伸,它可能是丑陋的.
如何使用CSS 将图像填充到特定大小,而不是拉伸它?
填充和拉伸图像的示例:
原始图片:

拉伸图像:

填充图片:

请注意,在上面的填充图像示例中:首先,将图像调整为150x255(保持纵横比),然后将其裁剪为150x100.
我正在用jquery创建一个图库.是否有可能使用jquery计算图像是横向还是纵向?
感谢您的支持.