为 subreddit 主题调整 CSS 图像大小答案

【问题标题】：CSS Image Resizing for subreddit theme为 subreddit 主题调整 CSS 图像大小
【发布时间】：2016-09-11 20:09:22
【问题描述】：

我目前正在尝试使用 subreddit 主题并将图像调整为更大/上传图像的实际大小。

标志的当前代码是：

/* SUBEDDIT LOGO ADDON
----------------------*/
#header .pagename a {
width: 100px;
background: url(%%subredditlogo%%) left center/auto 50px  
}

我正在尝试在保持纵横比的情况下将图像缩放得更大。

就像我说的那样，这是在 Reddit 上，所以我只能与 subreddit 样式表进行交互。

我已经对其进行了一些编辑并使用它，我得到了改进，但没有显示完整的图像。

这是我当前的代码：

/* SUBEDDIT LOGO ADDON
----------------------*/
#header .pagename a {
width: 300px;
background: url(%%subredditlogo%%) left center/auto 300px;
background-size:100% 200%;
background-repeat:no-repeat;
}

它已经调整了宽度，但我无法改变高度。我累了：

left center/auto 300px;

但没有，还有

height: 100%;
height: auto;

现在只是想把它修好。

【问题讨论】：

你试过 background-size:cover 吗？
是的，好像不行，你会怎么试？
发表了答案.. 希望对您有所帮助！

标签： css image resize aspect-ratio reddit

【解决方案1】：

试试这个：

background-image: url(%%subredditlogo%%);
background-position: left center;
background-size:cover;
background-repeat:no-repeat;

我认为您需要将“背景”css 分解为单独的属性，以便每个属性都能正常工作。

【讨论】：

【解决方案2】：

你可以试试这个：

  background: url(logopath) no-repeat center center fixed; 
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

【讨论】：

【解决方案3】：

#header .pagename a img{
 width:100%;
 height:auto;
}

试试这个自动调整img的大小。

【讨论】：

标志消失了。