Как правильно написать меда-запрос для баннера?

Question

[nikabekish]

У меня есть адаптивный html5 баннер,который при ширине экрана 560px меняет стили.
Когда я открываю его просто в браузере- все хорошо , но при загрузке на сайт прописанный медиа-запрос применяется уже на ширине экрана 608px.
Как правильно написать медиа-запрос, чтобы он применялся именно к ширине браузера?
Вот код, который сейчас

@media (max-width: 560px) {

			img{
				display:none;
			}

			.banner-text {
				float: none;
				width: 100%;
				height:87px;
				border-radius: 0 0 5px 5px;

			}

			.banner-text .name {
				 margin-top: -10px;
				font-size: 19px;
		
			}

		.banner-text .descr {
			margin-top: 10px;
			font-size: 12px;
			
		}
			.banner-img {
				float: none;
				width: 100%;
				height: 163px;
				border-radius: 5px 5px 0 0;
			}

			


		}

Comments

[Ankhena]

Смотрите при масштабе 100%, всё будет хорошо.
Если нет, то ссылку в студию.

Answer 1

[mrgela]

Как вариант можно сделать медиа запрос с минимальной шириной и указать необходимую ширину экрана