【问题标题】:Adding device display options on a website在网站上添加设备显示选项
【发布时间】:2017-03-11 21:40:06
【问题描述】:

我正在制作一个销售网页模板的网站。在模板的演示页面上,我想有一个选项来测试网站在不同类型的屏幕上的外观。就像在这个例子中https://w3layouts.com/preview/?l=/tacos-hotels-restaurants-bootstrap-responsive-web-template/

有什么建议吗?

提前致谢! 丹尼斯

【问题讨论】:

  • 只需深入链接代码并检查他们是如何做到的
  • 我认为您应该在 iframe 中预览模板,然后通过 javascript 调整 iframe 的大小。

标签: javascript jquery html twitter-bootstrap css


【解决方案1】:

将“实时预览/演示”按钮添加到主题的概览页面。

当用户单击此“实时预览”按钮时,用户将被定向到显示您的完整主题网站的页面顶部附加了一个 div(iframe),该页面有两个按钮。

  1. 现在可以选择购买主题
  2. 移除框架

ThemeForest 是这种技术的一个很好的例子。

【讨论】:

    猜你喜欢
    • 2014-01-17
    • 2017-12-27
    • 2018-03-21
    • 1970-01-01
    • 1970-01-01
    • 2018-12-18
    • 1970-01-01
    • 1970-01-01
    • 2014-09-04
    相关资源
    最近更新 更多