CSS图像调整subreddit主题的大小

Question

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

Logo的当前代码是：

/* 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;

只是想现在解决它。

Answer 1

试试这个：

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

我相信你需要将你的“背景”css分解为各个属性，以便每个属性都能正常工作。

Answer 2

你可以试试这个：

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

Answer 3

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

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