joh*_*eth 15 css internet-explorer image
我正在创建一个画廊,在固定的空间中显示几种格式的图像(宽,方和高).理想的解决方案是使所有图像具有相同的尺寸,但这是无法实现的.
我正在使用最大宽度和最大高度的组合,以确保图像适当缩放到有限的空间.唯一的问题是Internet Explorer,它以最大宽度和最大高度宽度和高度显示图像(因为它无法理解它们).
我一直在寻找这个问题的各种解决方案,但还没有成功地使它们中的任何一个工作.该库使用jQuery和Galleriffic,除最大宽度/最大高度问题外,它们工作正常.
有什么建议？
编辑: 问题似乎在于Internet Explorer处理图像的最大高度和最大宽度的方式,因为它们无法正确缩放.
编辑2: 我做了一些测试,IE的问题不是max-width和max-height,这是有效的(因为他们确保图像不会变得比它设置的大) ), 例如:
max-width: 600px;
max-height: 600px;
将确保图像不会变得大于这两个值.图像没有正确缩放,因此高图像会出现压扁,宽图像会显得拉长.我打开IE7兼容性视图并正确显示图像,但在IE8中,出现压扁/拉伸(这意味着它将成为IE8的问题)..
小智 37
你尝试过高度:auto和width:auto以及使用max-height和max-width,这通常会导致IE呈现正确的宽高比.
| 归档时间： |
|
| 查看次数： |
26859 次 |
| 最近记录： |