【问题标题】:images quality in htmlhtml中的图像质量
【发布时间】:2019-02-24 01:50:43
【问题描述】:

我有一个带有图片的网站。图片的代码是这样的:

<img class="featurette-image2 img-fluid mx-auto" data-src="holder.js/500x500/auto" alt="500x500"
    src="/images/stuck.jpg" data-holder-rendered="true" style="width: 500px; height: 500px;">

它看起来像这样:

质量提高了。我知道宽度和高度设置为500px。有没有可能质量还是不错的?

【问题讨论】:

  • 如果源图像小于您指定的尺寸,图像将被拉伸,质量不会那么好。虽然有点不清楚你在问什么......
  • 其实这是我的问题:我不希望图像被拉伸。源图像实际上更大。
  • @Behar 我看不到任何图像。
  • @DogukanCavus ?
  • 您试图显示只有您在电脑上拥有的图像...如果我们尝试使用您的代码来帮助您,我们将看不到图像。他是这个意思吗

标签: css html bootstrap-4


【解决方案1】:

我发现这个对 css 很有帮助的代码:

object-fit: cover;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-07-31
    • 2011-03-08
    • 2010-12-09
    • 2015-12-18
    • 2021-02-16
    • 2017-06-25
    • 1970-01-01
    相关资源
    最近更新 更多