在网站上显示图像的最佳方式是啥？ [关闭]

Posted 2023-03-25

【中文标题】在网站上显示图像的最佳方式是啥？ [关闭]

【英文标题】：What is the best way to display images on a website? [closed]在网站上显示图像的最佳方式是什么？ [关闭]

【发布时间】：2014-02-12 11:10:34

【问题描述】：

我在任何地方都找不到此信息。但是网络图像的最佳纵横比是多少？我希望图像无论大小都能很好地缩放，但我总是遇到这个问题（检查小提琴链接）：

http://jsfiddle.net/28QAt/

<p>How to display any sized image nicely?</p>

_{（来源：placehold.it）}

我不想设置高度和宽度，因为图像可能看起来被拉伸和变形并且无论如何，我不必将图像裁剪为正确的尺寸。所以我想知道如何使用 CSS 或 Jquery 最好地处理任何尺寸的图像，并让它们并排时看起来很好。

谢谢

【问题讨论】：

这个问题似乎是题外话，因为它是关于设计并且是基于意见的

我想知道是否有人有我还没有想到的解决方案，所以这是一个很好的问题，包括我自己在内的其他人都可以学习

你把你的问题放在了错误的地方。你不应该指望编程极客给你任何关于设计的好意见。

不要回答，我在等待 CSS 或 Jquery 大师回答

"What is the best way..." 问题总是基于意见（尽管此陈述也基于我的意见;))。

【参考方案1】：

来自这句话：无论如何我都没有将图像裁剪成合适的尺寸

图片使用max-width: 100%;。

【讨论】：

不能使用最大宽度，因为我希望我的图像只有 120 像素宽。但根据方向和大小，当我的网站上有几张图片时，它看起来很糟糕

如果您的图片最大宽度为 120px，则设置最大宽度为 120px，即 100%。

【参考方案2】：

关于人的想法很多。是否可以关注使用CSS

min-height/width , max-height/width 

或使用已创建的 Jquery 插件

Demo

Tutorial