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

Question

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

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

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

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

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

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

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

Answer 1

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