Адаптация сайта под мобильные устройства?

Question

[asus .]

Добрый день!
Столкнулся с проблемой, при написании сайта. Адаптация сайта под мобильные устройства.Сайт написан на html и css. Я добавил в html

meta name="viewport" content="width=device-width, initial-scale=1.0">
          <meta http-equiv="X-UA-Compatible" content="ie=edge">
	  <link rel ="stylesheet"href="style.css">
	  <meta name="viewport" content="width=1024">
	  <meta name="viewport" content="width=720">
	  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

Но результата нету.Сайт уже готовый возможно ли с помощью тега meta адаптировать?
Или же нужно все с начало начинать добавляя в css media!?

Comments

[Владислав Лысков]

По твоему можно добавить добавить волшебный тэг, который, кстати должен быть 1, а не 4, и сайт, как по взмаху волшебной палочки станет адаптивным?

[Rustam Bainazarov]

LOL.

Ясен пень, что нужно сначала адаптировать вручную через media-запросы. Мета тег лишь активирует режим адаптивности, а не делает за вас работу по её внедрению.

[asus .]

Владислав Лысков, Тоесть ты имеешь ввиду если я поменяю местами теги meta 1 на 4 то я могу обойтись без
media-запрос в css!?

[Владислав Лысков]

Zeen slassy, как ты это из моих слов понял?

[asus .]

Владислав Лысков, Ну я поменял как ты и написал тут )) Я просто переспрашиваю у тебя может я тебя не правильно понял! если я поменяю местами теги meta 1 на 4 то я могу обойтись без media-запрос в css?

[Владислав Лысков]

Zeen slassy, перефразирую
мета тэг вьюпорт должен быть один, их не должно быть четыре ни при каких условиях
без медиа запросов в том или ином виде не обойтись

[alex-1917]

ажуеть...

[alex-1917]

Zeen slassy, уже делаю это. жду тебя в палате №666

Answer 1

[Александр Алексеев]

meta viewport задает viewport устройства - виртуальное разрешение
например у iphone 5/SE вьюпорт будет 320px и сайт будет выглядеть как на 320 несмотря на то что физическое разрешение в пикселях больше
вот этим метатегом можно менять вьюпорт
поставитье 1024 и сайт будет (пытаться) выглядеть как на 1024
саму же адаптивку надо пилить на @media

и да meta viewport нужен только один