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

标签 javascript jquery html css responsiveness

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

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/

相关文章:

javascript - 正则表达式搞乱了语法突出显示

javascript - 期望在 Javascript 中未定义

javascript - 如何设置og :url to jquery gallery slides?

javascript - 如何更快地在索引中加载内联源

javascript - 在jquery中的rel下调用UL

javascript - 固定导航闪烁

jquery - 将 CSS 添加到使用 jQuery 创建的表格行

javascript - HTML5 Canvas 和 javascript 奖轮

javascript - 编辑本地存储中的项目

javascript - css代码如何将导航放在中间