如何为网站演示制作响应式面板切换选项?

时间:2015-07-27 08:06:50

标签: javascript jquery html css responsiveness

我想知道如何为网站演示制作响应式切换选项面板。我想知道用户何时点击任何响应式图标,例如桌面,移动设备等,模板应自动更改其响应性。以下是该网站的示例链接,该页面底部具有相同的响应面板选项。

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

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

1 个答案:

答案 0 :(得分:0)

他们使用Javascript / JQuery来控制按钮。当您按下按钮时,他们将网站的内容放在iframe中,他们可以用高度和长度进行修改。因此,它举例说明了它在桌面,平板电脑或移动设备上的外观。 他们只是改变iframe的高度和长度,css将完成其余的工作。 他们使用图像作为背景只是为了让它更加花哨。

有关iframe的更多信息: http://www.w3schools.com/tags/tag_iframe.asp