Какие размеры использовать для адаптивной верстки?

Question

[ORCUS99]

Привет всем. В адаптивной верстке есть какой-то прайс размеров которых ты должен придерживаться при создании адаптивного шаблона?

Ведь у разных компухтаров разные размеры и так же разные размеры у телефонов и планшетов.

Какие размеры часто используются?

Answer 1

[nikfakel]

Используйте самые популярные, когда наберетесь опыта, будете сами выбирать.
Вот например начните с этих:
480px
768px
1200px

Верстаете сначала для самых маленьких, смотрите, чтобы одинаково выглядело для 320-479px.
Дальше планшеты 480-767px.
Потом маленькие мониторы 768-1199px.
И дальше min-width: 1200px для больших мониторов.

Это далеко не единственный вариант, вообще под каждый конкретный проект брейкпоинтов может быть очень много. Также посмотрите бутстрап, можете взять их за основу.

Answer 2

[Михаил Мединский]

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

Если нет, то при верстке ресайзишь окно и правишь где верстка плохо ложиться до 320px.

Answer 3

[Максим]

codernote.ru/html/razmery-ekranov-dlya-adaptivnoj-...

Answer 4

[Андрей Верх]

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

Верстаете и смотрите где блоки перестают влезать и где стоит новые стили задать. Хоть через каждые 50 пикселей.