像这里的许多其他人一样,我无法找到一种方法来防止常规风景图像在点赞框中失真。我看到有些人对调整图像大小的算法进行了逆向工程,发现它更喜欢纵向而不是横向。
失真破坏了原本很棒的小部件,我想知道是否有机会优先处理这个问题。问题似乎是,为什么图像在满足最大宽度/高度限制之前不能简单地按比例调整大小?
相反,似乎调整了宽度和高度,而不考虑图像的原始比例。确实很奇怪!
我会发布示例,但似乎作为新用户,我不允许这样做!
自从发布以上基于我使用 IE9 的发现以来,我已经在 Firefox 和 Safari 中测试了我的页面。这两种浏览器都以不同的方式显示 Like Box 图像,因为它们按比例调整大小。不幸的是,它仍然不完美,因为它们现在延伸到盒子的右侧。这是 Firefox 中的缩放比例(我的小部件是 300px 宽)。
图片 1 320px × 239px(缩放为 300px × 223px)
图片 2 320px × 218px(缩放为 300px × 204px)
由此看来,缩放比例是成比例的并且与框的宽度一致。但是,由于左侧有 100px 左右的边距,这不起作用。在 Safari 中,左侧边距要小得多,因此可以看到更多图片。为什么 IE 中的缩放比例会完全不同,甚至这些浏览器之间的渲染也会不同?