BaffIt

Задача не совсем понятна, но попробуйте блок во весь экран с position:fixed; и z-index:1; а остальное позиционировать по скролу с повышенным z-index

initial-scale - устанавливает масштабирование страницы при загрузке ( то есть initial-scale=1 говорит, что отрисовка страницы происходит без масштабирования). В Вашем случае верстка естественно не попадает в масштаб.

maximum-scale - Устанавливает максимальное масштабирование страницы. В Вашем случае initial-scale подбирается по ширине экрана.

По поводу масштабируемости - можете уточнить в каком именно браузере оно работает? В эмуляторах Chrome у меня мастштабирование не сработало.

Да, на Chrome для Android действительно выставляется initial-scale по ширине экрана. И масштабирование работает ровно до scale=1.

windows phone - при загрузке показал одинаковый результат - страница сразу увеличена, но с maximum-scale приблизить больше не даёт

Скорее всего проблема в работе Rigger при сборке js.
Уберите все js файлы, кроме main.js в отдельную папку.
В итоге должно получиться:

src/
-- js/
-- -- main.js
-- -- plugins/
-- -- customize/
-- -- etc/