Какой скрипт используют для демонстрации адаптивного дизайна сайта?

Question

[web11]

При выборе шаблонов для сайта иногда попадаются очень интересные демки, в которых можно не изменяя окна браузера оценить адаптивность сайта.
Например, inthe7heaven.com/preview/?theme=Flatastic%20VM
Вверху находятся иконки различных устройств, при нажатии на которые изменяется окно просмотра сайта.
Посоветуйте готовое решение для такой задачи.

Answer 1

[Павел Волынцев]

Скрипт переключения размеров - очень простой jsfiddle.net/copist/y3xxkLto

Наука там в том, что на сайте, который отображается в iframe, прописаны стили CSS, отдельные правила которых применяются при разных размерах экрана. Адаптивный дизайн.

P.S. Я знаю, вы в тайне любите поняшек. Только скрываете это :)

Comments

[web11]

Спасибо!

Answer 2

[Александр Петров]

Ну, могли бы посмотреть как оно там сделано.
Верстка на отдельной странице. Вставляется через , ему же при клике на иконку выставляется нужная ширина и мишура в виде рамочки телефона.
Сложности никакой нет.

Comments

[Павел Волынцев]

тег потерялся - через iframe

Answer 3

[Дима Паутов]

Скрипта ввиде плагина нет! Нужно писать самому. Как написал dzhiriki, при клике на иконку выставляется нужная ширина.

Answer 4

[Сергей Протько]

шаблон отображается внутри iframe, кнопки только меняют оформление страницы и задают ширину фреймку. Никакой науки.