Как сделать адаптивную верстку под мобильные устройства в этом коде?

Question

[alexanderkonovalov56]

Всем привет!) Помогите разобраться, что не делаю, то не правильно. Пытаюсь сделать мобильную версию сайта посредствами адаптивной верстки, но получается все время не то, что нужно, вот код:

@media screen and (max-width: 980px) {

.blockapps h2
{	
	float: none;
	width: 100%;
	margin: 0 0px 10px 0;
	overflow: hidden;
	display: block;
}

.line
{
	display: none;
}

.apps
{
	float: none;
	width: 100%;
	margin: 0 100px 10px 0;
	overflow: hidden;
	display: block;
}
  }

Answer 1

[Tema Smirnov]

Код:

@media screen and (max-width: 980px)
{
	.wrap {
	width: inherit;
	min-width: inherit;
	}
	.blockapps {
	width: inherit;
	}
}

@media screen and (min-width: 980px)
{

	.wrap {
	width: 1060px;	
	min-width: 1060px;
	}
	.blockapps {
	width: 800px;
	}

}

#UPD: Для отображения блоков вертикально на мобильном устройстве,необходимо добавить в HEAD сектор страницы этот код:

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">

Answer 2

[IceJOKER]

Поздравляем. Дубль #2