2013-06-23 3 views
0

Мой блог/сайт is iamdonle.com Пример того, что я хочу, это 13thwitness.com Изображения на шахте не масштабируются и появляется полоса прокрутки. На его сайте изображения становятся меньше с окном. Я уверен, что это просто, но я ноб. Пожалуйста помоги!Как получить содержимое (в основном изображения) для масштабирования или изменения размера окна на tumblr?

+0

Хитрость заключается в том, чтобы сделать img {max-width: 100%; height: auto} ', но похоже, что ваши основные изображения уже уменьшаются, когда вы сокращаете окно браузера? –

ответ

0

Изображения уменьшаются, но вашего логотипа нет!

Try:

.logo { 
    max-width: 100%; 
} 
0

Во-первых, вы должны убедиться, что ваш контейнер способен масштабировать. Сейчас он имеет ширину набора 1150px, это должно быть либо максимальная ширина , либо процентов.

Сначала удалите ширину объявленную на #container и добавьте этот CSS:

#container { 
    max-width: 1150px; 
    padding: 5px 30px 0; 
} 

Затем вам нужно удалить ширину объявленную для заголовка. Вы можете сделать это, либо полностью удалить строку (строка 82 вашего файла CSS) или путем переопределения его в поле поле «Custom CSS» на экране Customization, выполнив:

#header { 
    width: 100%; 
} 

Тогда, как уже упоминалось , вам нужно будет добавить максимальную ширину и на свой логотип.

#header img { 
    max-width: 100%; 
} 

Примечание: когда я смотрел блог вы использовали «довольно большой» тему, код выше относится только к этой теме.

Смежные вопросы

 Смежные вопросы