如何为网站演示提供响应面板切换选项？

Question

我想知道如何使网站的演示响应式切换选项面板。我想知道当用户点击任何响应式图标，例如，桌面，移动等，模板应该自动改变其响应性。下面是该网站的例子链接，在页面底部有相同的响应式面板选项。

http://kopatheme.com/demo/upside-demo/

我想在我的演示中使用相同的面板。

Answer 1

他们使用Javascript/JQuery来控制按钮。当你按下按钮时，他们会将网站内容放在一个iframe中，他们可以根据高度和长度进行修改。因此，它提供了一个示例，说明它在台式机、平板电脑或移动设备上的外观。他们只需要改变iframe的高度和长度，剩下的就由css来完成。他们使用图像作为背景，只是为了让它更花哨一点。

有关iframe的更多信息，请访问：http://www.w3schools.com/tags/tag_iframe.asp