【问题标题】: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..." 问题总是基于意见(尽管此陈述也基于我的意见;))。

标签: jquery html css image user-interface


【解决方案1】:

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

图片使用max-width: 100%;

【讨论】:

  • 不能使用最大宽度,因为我希望我的图像只有 120 像素宽。但根据方向和大小,当我的网站上有几张图片时,它看起来很糟糕
  • 如果您的图片最大宽度为 120px,则设置最大宽度为 120px,即 100%。
【解决方案2】:

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

min-height/width , max-height/width 

或使用已创建的 Jquery 插件

Demo

Tutorial

【讨论】:

    猜你喜欢
    • 2011-12-24
    • 2010-10-05
    • 1970-01-01
    • 2014-11-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-17
    • 2021-09-01
    相关资源
    最近更新 更多