用于subreddit主题的CSS图像调整大小

我目前正在尝试使用subreddit主题，并调整图像大小以便上传图像的大小/实际大小。用于subreddit主题的CSS图像调整大小

电流的标识代码是：

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

只是希望得到它现在是固定的。

来源

2016-05-16 Ethodax

你试过background-size：cover？ –

是的，似乎没有做这项工作，你会怎么尝试？ – Ethodax

发表了一个答案..希望它有帮助！ –

试试这个：

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

我相信你需要打破把你的“背景”CSS分解成个人属性以便每个属性正常工作。

来源

2016-05-16 12:50:08

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

尝试自动调整IMG这个代码

来源

2016-05-16 05:41:16 rsnr4u

徽标消失。 – Ethodax

你可以试试这个：

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

来源

2016-05-16 06:31:41 Ricky

用于subreddit主题的CSS图像调整大小

回答

相关问题