Проблема с адаптивностью

Имеется <div id="main_canvas_container"></div> в css стандартного такого вида:
#main_canvas_container {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
все отображается корректно, но мне не нужно это во весь экран. Собственно говоря, с этого и берет начало проблема.
Если в css прописать, например 50% ( width: 50%; height: 50%;), то при изменении экрана появляются элементы, которые выходят за пределы камеры (проект привязан к камере, на самой камере включена настройка static). Вот скриншоты, на одном браузер растянут, на другом сжат. Изображение гуляет, а адаптивной версткой и не пахнет.
_______________________
Мне нужно добиться адаптивности как вот здесь:
http://madeinmeshoes.com/en/design-your-own-shoes-for-women
Кстати, шаманил с бутстрапом - не получается. 22 worrning при билдинге появляется и эффекта 0.
Прошу помощи.

Здравствуйте, попробуйте выставить fit на камере в horizontal (или auto). Эта функциональность поддерживается в новых сборках 17.02.

Выставил - не помогло. Предполагаю, что дело в разметке, а точнее при помощи чего она делается. При инспектировании сайта http://madeinmeshoes.com/en/design-your-own-shoes-for-women выдает вот это (скриншот прикреплен).
Такое делается только на бутстрапе, но бутстрап тут не подключен (скриншот прикреплен) , а подключен он в переработанном виде. Об этом свидетельствует бутстраповская разметка.

Все, разобрался. Вопрос снят