像这里的许多其他人一样,我找不到一种方法来防止常规景观图像在Like Box中被扭曲。我看到有些人反过来设计了用于调整图像大小的算法,并发现它有利于纵向的纵向定位。
失真破坏了一个非常棒的小部件,我想知道是否有可能作为优先事项处理这个问题。问题似乎是,为什么在满足最大宽度/高度限制之前,图像不会按比例调整大小?
相反,宽度和高度似乎被调整,而不考虑图像的原始比例。确实很奇怪!
我会发布示例,但似乎作为新用户,我不允许这样做!
由于发布了基于我使用IE9的调查结果的上述内容,我已经在Firefox和Safari中测试了我的页面。这两种浏览器都以不同的方式显示Like Box图像,因为它们按比例调整大小。不幸的是,它仍然不完美,因为它们现在伸展到盒子的右侧。以下是Firefox中的缩放比例(我的小部件宽度为300px)。
图像1 320px×239像素(缩放至300像素×223像素)
图像2 320px×218px(缩放至300px×204px)
从这看起来,缩放比例与盒子宽度成正比。然而,由于左侧100px左右的边距,这不起作用。在Safari中,左手边距要小得多,因此可以看到更多的图片。为什么缩放在IE中完全不同,甚至在这些浏览器中渲染也不同?