我想知道如何为网站演示制作响应式切换选项面板。我想知道用户何时点击任何响应图标,例如桌面、移动设备等。模板应自动更改其响应能力。下面是网站的示例链接,它在页面底部具有相同的响应面板选项。
http://kopatheme.com/demo/upside-demo/
我想为我的演示使用相同的面板。
最佳答案
他们使用 Javascript/JQuery 来控制按钮。当您按下按钮时,他们会将网站内容放在一个 iframe 中,他们可以修改高度和长度。因此,它举例说明了它在台式机、平板电脑或移动设备上的外观。 他们只是改变 iframe 的高度和长度,CSS 会完成剩下的工作。 他们使用图像作为背景只是为了让它更花哨。
有关 iframe 的更多信息: http://www.w3schools.com/tags/tag_iframe.asp
关于javascript - 如何为网站演示制作响应式面板切换选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31647906/