在移动设备上显示仪表板的方法？

Question

我和我的团队目前正在开发一个应用程序（iOS 和 Android），该应用程序使用了我们实施的网络应用程序的许多功能。 Web 应用程序 (ASP.NET) 基本上呈现和创建仪表板（自定义维度，由最终用户指定）。仪表板为小部件使用不同的库（FusionCharts、GoogleCharts、标准 .NET 控件...）

无论如何，移动应用程序的部分功能是显示特定于每个用户的仪表板。问题是：满足此要求的最佳方法是什么？ 我们在这里集思广益，想出了几个：

1. 一种是在 .NET 应用程序上生成仪表板的屏幕截图，并将该屏幕截图显示在移动应用程序上。但是，这种方法非常基础，不提供任何交互性。
2. 另一个包括在移动应用程序上重新创建每个仪表板。这样做的问题在于，它涉及从头开始重新创建所有内容，并且会出现与仪表板的 2 个版本（移动版与网页版）之间的不一致相关的问题。
3. 使用仪表板的 URL 在移动应用程序上加载仪表板。

我个人认为第三种方法是最合适的，因为不需要太多编码，我们只需使用它们各自的 URL 加载现有的仪表板。

问题是，我们如何处理太宽的仪表板..（高度不是问题，因为向上和向下滚动的用户体验还不错，但是必须左右滚动并不是一个好的体验 imo ).. 据我所知，iPhone 的宽度是 320 像素（对吗？），那么我们如何处理仪表板宽度为 1000 像素的情况？

这是满足此要求的好方法吗？还有其他可能的方法吗？

任何反馈将不胜感激！ 谢谢

Answer 1

听起来像 CSS 媒体查询可能就是您所追求的。看看this example。