Адаптивная верстка, нет изменений?

Подскажите пожалуйста, делаю адаптивную верстку и ничего не меняется?

/* CSS Mobile */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {

	.header {
		min-width: 100%;
		height: 20%;
		text-align: center;
	}

	.logo {
		width: 100%;
	}

	.site_content {
		width: 100%;
	}

	.menubar {
		width: 100%;
		height: 100%;
	}

	.site_content {
		width: 100%;
		text-align: center;
	}

	.sidebar_container {
		display: none;
	}

	.footer {
		display: none;
	}



}

html

css

2 ответов

Абрахам, спасибо!

Все ОК.

Вот код для проверки :

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {


.header {
background-color: #257965;
min-width: 100%;
height: 20%;
text-align: center;
}

.logo {
width: 100%;
}

.site_content {
width: 100%;
}

.menubar {
width: 100%;
height: 100%;
}

.content {
width: 100%;
text-align: center;
}

.site_content {
width: 100%;
text-align: center;
}

.sidebar_container {
display: none;
}

.footer {
display: none;
}

}