如何根据设备分辨率安装GWT应用程序

我有这个GWT应用程序，我需要“适应”移动设备的分辨率

它不应该做侧面滚动（宽度应该是手机屏幕的宽度），但垂直滚动是必需的，因为应用程序将显示列表或结果项

主窗口小部件是一个GWT VerticalPanel，其中包含一些复合窗口小部件

---

有什么想法吗？

您必须为Android/iPhone的移动浏览器设置视口和/或缩放属性

<!-- 
     constraint viewport to device width, 
     set initial zoom level to 100%,
     disable user zoom
-->
<meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable=no" />

在此处阅读有关所有视口选项的详细信息：

---

除了使用ResizeHandler之外，您还可以使用应该添加到的ResizeHandler，而不是RootPanel。调整窗口大小时，LayoutPanel会自动调整大小。

独立于分辨率的布局设计真是让人头疼，尤其是对于类似GWT的web应用程序。
静态网页通常依赖于固定的布局（960个网格）等，但它们并不真正适合于类似GWT的web应用程序

您可以尝试使用最小宽度/最大宽度和百分比值的液体/流体布局。
有关更多信息，请参见下文：

然而，有时，特别是对于移动设备，桌面和移动设备有不同的用户界面是有意义的。
例如，对于平板电脑来说，左侧有一个导航面板，右侧有一个内容面板可能是有意义的。不过，在手机上，只要有一个导航面板，点击一个项目就可以切换到内容面板

有一个关于整个移动/桌面方面的google io讨论：

---

感谢您提供的这些信息，不知何故它起了作用，但是由于我的网站生成了一个项目数量可变的列表控件，它需要有一种上下滚动的方式，这是您提供的这个元标记不可能的，有什么办法可以让上下滚动工作吗？我认为将列表包装成一个列表应该会起作用！