Адаптивная вёрстка. Как правильно подойти?

[tigrus2014]

Приветствую всех! Вот хочу попытаться сверстать адаптивный сайт, но есть вопросы:

1.Под какие разрешения собственно верстать?

2. Как верстать под большие разрешения и нужно ли это вообще(большие разрешения это больше 1200 px)?

3. Как собственно ровно верстать под большие разрешения, если у самого монитор в 1200, а надо больше (если надо, смотрим вопрос 2). Очень неудобно будет то

4.О маленьких разрешениях. Нет при себе не мобильного, ни чего-то другого, а на сайте будут использоваться блоки с JS и многое другое "тяжелое". Вдруг всё тормозить начнет, как решить вопрос?

5. Есть ли нормальный и бесплатные хостинг с поддержкой динамики? Может своё детище решу выложу на обзор.

Заранее благодарен за ответ. Всем удачи!

[Switch74]

Какую поддержку динамики на бесплатном хостинге вы ждете?
Все верстать можно в хроме используя средства разработчика встроенные в него.

[Svetlana_P]

1. Думаю, зависит от типа сайта. Но если Вы начинаете, то логично сверстать стандартно, просто чтобы сайт тянулся с 320 px до 1280 px. Научитесь до этого доводить. Изучите сетку фреймворка Bootstrap.

2. Не делала, поэтому не скажу, но почитаю ответы других) Вас может заинтересовать статья по теме https://webformyself.com/optimizaciya-veb-sajtov-pod-bolshie-ekrany/

3. Правильно написали выше, в хроме есть инструмент. Нажмите F12, потом иконку телефона, и слева выберите Responsive. Тут показано https://developers.google.com/web/tools/chrome-devtools/device-mode/imgs/device-mode-initial-view.png

4. Не знаю лучший способ, тоже подожду ответы. Вообще, есть хорошие, но платные сервисы: https://www.browserstack.com, https://crossbrowsertesting.com/ , http://saucelabs.com/. Других или бесплатных не знаю. Но зависит от требований проекта, не везде это необходимо.