Shahwaz Khan Ответов: 2

Невозможно центрировать изображение с помощью медиа запросов

I want to center the logo under 990 px device using media queries. But unable to get it.
.logo5 img {
margin-top: 10px;
max-width: 150px;
height: 120px;
float: left;
}

@media (max-width: 990px){
	.logo5 {
	width: 100%;
  }
}


Что я уже пробовал:

<div class="logo5">
					<img src="images/logo.png">
					</div>

2 Ответов

Рейтинг:
2

Richard MacCutchan

Видеть CSS Layout - горизонтальное и вертикальное выравнивание[^]

Рейтинг:
1

Richard Deeming

Если вы хотите, чтобы он был горизонтально центрирован, не плавайте по нему.

.logo5 img {
    max-width: 150px;
    max-height: 120px;
    margin: 10px auto 0;
}

@media (max-width: 990px){
    .logo5 img {
        max-width: 100%;
    }
}
margin - CSS: Каскадные Таблицы Стилей | MDN[^]