Если она адаптивная - значит вам должны прислать несколько макетов, показывающие разные состояния макетов при разных размерах экрана. Вот в них и должно быть pixel perfect, а при остальных не нарисованных размерах вы ничего не должны
На работе. Хотя я и до устройства на работу думал, что умею верстать, но там понял, что это не так.
А там уже по задачам. Дали мне сделать адаптивный сайт, уже пришлось изучать, что такое адаптивность и как ее добиться. Дали рассылку - господи, какой ужас, но все равно изучил и сделал. И так далее)
Лоадер не нужен, но
если какие-то части сайта выглядят плохо до загрузки скриптов (у меня было такое с одной jquery галереей), делайте их невидимыми, пока все не прогрузится.
Рендеринг шрифтов в графическом редакторе и в браузере выглядит по разному, поэтому и возникают такие неточности. Причем еще в разных браузерах и разных ОС отображение может отличаться. Не заморачивайтесь, главное - чтобы совпадало по вертикали.
В некоторых случаях верстка разных отображений отличаются слишком сильно, чтобы можно было просто менять класс контейнера.
Например посмотрите здесь triko.ru/categories/dlya_detej
Там была задача сверстать так, чтобы менять вид без перезагрузки. Но у вида сеткой и таблицей не так уж много общего, и это был бы большой геморрой.
Ready отрабатывает в тот момент, когда загружен DOM. Если хотите, чтобы событие отрабатывало, когда загрузится страница полностью, используйте $(window).load(function() {});
