Как делать такую вёрстку?

В % размеры задавайте

Читал, что в процентах нельзя задавать десятичные доли (15,48%, например), так как не все браузеры понимают.

не вижу уменьшения. вижу обычную адаптивную верстку

А на кой такая большая точность?

В примере обычные не десятичные доли. И кстати не совсем точно там, поэтому не парься, делай без десятичных, людям оно точно не нужно :)

Размеры можн оуказывать в процентах с точностью до х... знает какого знака. Просто нужно в качестве разделителя в CSS использовать не запятую, а точку:

width: 15,48%; - неправильно

width: 15.48%; - правильно

Именно в виде 15,48% - нельзя, а так 15.48% - можно. Разделителем должна быть точка, а единица измерения - не пиксель. Более подробно эта тема раскрыта в статье: http://nimbupani.com/using-decimal-percentage-values-in-responsive-design.html

При создании сеток (grid) часто требуется большая точность, чтобы избежать ситуации, когда какой-то блок не до конца заполнил или вообще не влез в текущий ряд, например. Примеры можно увидеть в том же Bootstrap.

меньше читайте

Ширина в процентах ведь действительно.

Как раз адаптации там не видно.