【问题标题】:Resizing an icon to fit an <input> field调整图标大小以适应 <input> 字段
【发布时间】:2013-02-07 16:36:00
【问题描述】:

我有一个输入字段,里面有一个图标,我通过使用 css background 来做到这一点

background: white url("user.png") right no-repeat;

图片有点大,所以我想知道如何调整图片大小以适应&lt;input&gt; 字段。

【问题讨论】:

    标签: html css autoresize


    【解决方案1】:

    background-size: coverbackground-size: 100% 100%

    它是 CSS 的一个属性。

    【讨论】:

      【解决方案2】:

      在 PS 或其他图像编辑器中调整图像大小,使其大小合适不是更容易吗?

      【讨论】:

      • 该图像用于其他需要该尺寸的区域。我认为缩小它的大小会比让浏览器下载双倍文件更好的选择,这可能看起来很小,但如果有更多这样的资源,它就会加起来。
      • 别担心,我没有意识到您不止一次使用不同尺寸的图片。
      • 是的,对不起,我应该提到哈哈 xD
      猜你喜欢
      • 2020-08-26
      • 2014-11-06
      • 1970-01-01
      • 2014-05-05
      • 2012-09-15
      • 1970-01-01
      • 2018-10-16
      • 2015-07-16
      • 2014-02-05
      相关资源
      最近更新 更多