Android 在手机上运行的GWT应用程序

我将在android上运行我的GWT生成的Java脚本文件，我正试图让我的UI看起来一样，而不管手机屏幕的大小。我的大多数视图都有5到6个小部件、按钮和文本框。我现在已经把它们放在FlexTable中了，但是也许有更好的方法来布置小部件？

---

然而，我的主要问题是如何使用CSS来布局我的小部件，使所有屏幕大小的外观都是相同的。使用CSS可以做到这一点吗？如果是这样的话，有人会有任何CSS示例关注小部件定位吗？

对于不同屏幕尺寸的GWT（以及处理横向、纵向旋转），我使用媒体查询。通过这种方式，您可以为每个屏幕大小定义css规则

例如，在下面的示例中，我从不需要myContentPanel大于450，但对于iPhone/Android纵向视图来说，这太大了：

@media all and (max-width: 10024px) {
    /*styles for narrow desktop browsers and iPad landscape */
       .myContentPanel{
         width: 450;
    }    
}


@media all and (max-width: 320px) {
   /*styles for iPhone/Android portrait*/
      .myContentPanel {
         width: 320;
    }

}

下面是一个更完整的css示例

这里有一个很好的使用jQuery的教程

您可以在以下网址查看更多信息： 您也可以使用来为

移动设备上的web应用程序保持适当的
宽度和高度。。无需更改所有
布局

The viewport meta tag to control layout on mobile browsers.

请参见下面的问题，我已经回答了这个问题以设置视口


还可以看看@media标签，正如user1258245所说的
不确定它是否适用于gwt，但您需要一个响应良好的ui来实现这一点，就像bootstrap框架一样。