Вопрос по css – Как сделать изображение заголовка отзывчивым?

2

Я добавил изображение заголовка на свой сайт с помощью:

#header_area {
    background: url('my_header_image.com');
    background-repeat:no-repeat;
    background-position: top center;
}

Мой сайт отзывчив, кроме заголовка.

Есть ли способ сделать мой заголовок отзывчивым?

Отзывчивый дизайн на самом деле не проблема WordPress ... EAMann

Ваш Ответ

1   ответ
5

При создании адаптивного фонового изображения вы можете использоватьbackground-size свойство. В случае приведенного выше кода, пока ваш#header_areaлемент @ имеет неявную ширину (или явный набор с медиа-запросами), вы должны иметь возможность сказать:

#header_area {
    background: url('my_header_image.com');
    background-repeat:no-repeat;
    background-position: top center;
    background-size: 100%;
}
Спасибо, это помогло xyz

Похожие вопросы