Jquery 在移动视图中显示小部件演示

我正在为我的公司创建一个内部网应用程序，其中包含我们开发的不同插件或常用插件。这是一个反应灵敏的设计。现在，我有了一个新的要求，即在不同的移动设备（如iphone、android等）上显示小部件演示

我的线索告诉我

根据设备选择，我们需要显示不同设备中的插件。 例如，我有一个名为datatable的小部件，我需要为此启用不同的视图。我怎样才能做到这一点。

---

我不知道如何实施它。请帮助

好的，首先，不需要jQWidgets数据网格。对于这个小应用程序来说，这是一个开销

相反，我建议您只使用引导网格（而不是完整的引导库）。你可以下载

---

现在您已经准备好了网格，您可以使用

col-*-*

创建适当的布局，这将在所有设备上运行。

建议的解决方案取决于小部件演示的目标。针对各种情况提出的一些解决方案如下。如果您需要更多信息，请准确说明您的实际需要

目标1：在技术演示中，根据屏幕大小，演示不同设备中小部件的外观和感觉。 最方便的方法之一是在Google Chrome的开发工具中使用。它允许您通过模拟不同的屏幕大小和分辨率来预览布局

目标2：允许非技术用户在漂亮的模拟器中预览小部件。 你可以考虑使用第三方解决方案。这种付费服务可能会为您节省大量的开发成本

目标3：无论如何，我们都需要开发自己的解决方案

如果你的团队坚持要实现它，考虑使用<代码> iFrAMe<代码>来分离你的页面和小部件演示。使用

背景图像

将仿真器的图像放置在小部件后面。使用

padding

或

position

将小部件放置在适当的位置