Или вы до конца мысль не изложили или вопрос не задали, возможно даже сами не до конца понимаете то что именно не понимаете.
Если вы так сильно привязались к сетке, то вместо книги читайте исходники bootstrap.
Почему именно %? Есть же px,em... Или вы считаете если где-то так написано то пикселями нельзя сделать сайт адаптивным? Можно, при чем и без сетки!!!
Читая другие ваши вопросы, стало понятно что теории у вас много (в которой вы постоянно сомневаетесь), ну а опыта крайне мало. Возьмите бесплатный псд макет, и не используя css генераторы в brackets или что там ещё бывает, не используя bootstrap и прочие готовые сетки. Просто с нуля сверстайте, гуглите, смотрите исходники других сайтов, пошагово научитесь верстать, не копипастите код, не халтурьте. Это по моему единственный способ наконец понять почему делают именно конкретным способом. Учитесь на своих ошибках. В сложных ситуациях задавайте конкретные вопросы со ссылками на сделанную вами работу. С конкретным описанием проблемы. За одно просите критику. Потратив некоторое время за практикой ваши сомнения пропадут, ну а теория наконец станет полезной.
Практика ваше все!
Надеюсь был полезным.
UPD: что касается вопроса, там действительно не понятно что именно вы не понимаете