Адаптировать уже работающий сайт под моб устройств, какие есть нюансы?

Question

[gomer1726]

Есть готовый сайт дизайн ну скажем так 2010 годов сделать нужно адаптивным. Я создавал адаптивные сайты. Но не адаптировал уже готовые старые сайты. Какие есть нюансы?

Comments

[Roman Sokolov]

а вариант с субдоменом m.mysite.com не рассматривали?

[gomer1726]

Роман Соколов: ну хотелось бы не только под моб но и планшеты ноутбуки

Answer 1

[HamSter]

Какие есть нюансы?

Смотря какая верстка и как показывает практика, год не имеет значения (если, конечно, не далекие 90-ые), потому что до сих пор есть динозавры, которые верстают таблицами, либо с использованием классов типа "niz", "verx", "a_tyt_ya_ribu_zavorachival".

Самое распространенное:

- Задана фиксированная ширина, либо у всей обертки (в лучшем случае), либо для .header, .footer, .main.
Решение: заменить фиксированную ширину width: 1000px; на max-width: 1000px; width: 100%;.

- Задана фиксированная ширина у остальных блоков (кнопки, формы, ...).
Решение: применять уже медиазапросы @media screen and (max-width: XXpx ) { ... }, лучше, конечно, @media screen and (min-width: XXpx ) { ... } , либо применять ширину в %, где есть возможность.

- Изображения.
Решение:

img { max-width: 100%; width: 100%; height: auto; }

НО все это зависит от ситуации и потребностей. Все зависит от сайта, от дизайна. Так сразу и не скажешь, что все же нужно применять, а что и не стоит.

Answer 2

[Mr Crabbz]

Все нюансы нивелируются достаточным уровнем знания адаптивной вёрстки.