CSS Изменение размера изображения для темы subreddit

Question

В настоящее время я пытаюсь использовать тему 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; 

Просто глядя, чтобы получить его сейчас исправлен.

Answer 1

Попробуйте это:

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

Я считаю, что вам нужно сломать из вашего «фона» css в отдельный атрибуты, чтобы каждый атрибут работал правильно.

Answer 2

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

попробовать этот код для автоматического изменения размера IMG

Answer 3

Вы можете попробовать это:

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