Как сделать iframe на 100% без прокрутки ⇐ Html

[Anonymous]

Я пытаюсь представлять мобильную версию веб -сайта. Я использовал iframe без прокрутки и создал Div с помощью пользовательской полосы прокрутки. Это почти работает, за исключением того, что каждое фоновое изображение увеличивается. Просто посмотрите на пример скрипки, вы увидите, что я имею в виду. Я думаю, что это потому, что я установил высоту, чтобы быть фиксированным 6000, но я не мог понять, как сделать высоту iframe на 100% без прокрутки полосы iframe. Может ли кто -нибудь помочь сделать iframe на 100% без прокрутки, но с фиксированной шириной и пользовательской прокруткой Div, как в этом примере скрипки.
http://jsfiddle.net/kmzgm/3387/

.scroll {
width: 500px;
height: 500px;

overflow: scroll;
}
.scroll::-webkit-scrollbar {
width: 12px;
}

.scroll::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

http://spruce.yourwebsite.directincorporation.com/home/



Подробнее здесь: https://stackoverflow.com/questions/422 ... scroll-bar