CSS subreddit 主题的图片大小调整

Question

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

徽标的当前代码是：

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

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

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

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

试试这个：

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

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

CSS subreddit 主题的图片大小调整

CSS Image Resizing for subreddit theme

css

image

resize

aspect-ratio

reddit