1. Верстаю сайт для портфолио, на компе все ок, а если просматривать сайт с телефона, то есть сдвиг элемента в блоке (уехал заголовок). Как это фиксить я понимаю, но как в таком случае можно доверять браузерному эмулятору в этом деле?
У меня оооочень редко бывает так, что эмулятор врет, из этого могу сделать вид, что что-то вы делаете не так.
Я использую мобильник в основном для одной единственной финальной проверки.
2. На сайте получается слишком дофига брейкпоинтов. Например, какой то элемент придвинулся слишком близко к соседнему - пишу новый медиа под это. Как можно с этим бороться?
Для адаптивности использую обычно кратные 100 брекпоинты.
300-400, 400-500, 500-600, ... 1000-1200, 1200-1400... Все можно уписать в эти рамки.
Некоторые используют вообще 3 брекпоинта, 320+, 768+, 1024+. Но я лично считаю это неправильным.
С использованием препроцессоров работа эта упрощается сильно.
На 3-4 отвечать не буду.
