Размер изображения не изменяется на адаптивном веб-сайте HTML5CSS

Разбираемся в CSS
Ответить
Anonymous
 Размер изображения не изменяется на адаптивном веб-сайте HTML5

Сообщение Anonymous »

Я пытаюсь объединить изображение с текстом для заголовка, но размер изображения при этом не изменяется. Хотя изображение кажется слишком большим и не изменяется по размеру при изменении размера окна браузера.
HTML-код:

Название компании

Название компании
CSS:
.image {
display: inline-block;
outline: 0;
}
.image img {
display: block;
width: 100%;
}
/* Header */
#header {
text-align: center;
}
#header h1 {
color: #252122;
font-weight: 900;
font-size: 2.5em;
letter-spacing: -0.035em;
margin: 0 0 1em 0;
}

Я попробовал следующий код:

Company Name


и добавил в файл CSS следующее:
#logo a {
position:relative;
display:block;
width:[image width];
height:[image height];
}


Подробнее здесь: https://stackoverflow.com/questions/327 ... ve-website
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»