保持GWT小部件大小与屏幕大小成比例

我的大多数视图都会有5-10个小部件，我正试图找出如何使按钮、下拉列表看起来最好。
我曾尝试将它们的尺寸设置为当前屏幕大小的%，但这不是非常大屏幕或非常小屏幕的理想解决方案。移动用户将是主要的最终用户。 实现这一点的最佳方法是什么，这样移动用户就能够在小屏幕上看到一个大小合适的按钮，而PC用户就不会看到一些大的按钮，如果它们是全屏的。

您也可以使用它来为

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

The viewport meta tag to control layout on mobile browsers.

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

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

The viewport meta tag to control layout on mobile browsers.

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

在现代浏览器中，除了在另一个响应中提到的适用于整个文档的视口之外，您还可以使用css缩放变换

看到这个纯html/css了吗

我在GWT中所做的是，我是否有不同的.ui.xml或css包，用于具有不同比例值的桌面和移动排列，或者我通过代码更改它（根据窗口大小、浏览器类型等计算比例因子）

在第二种情况下，可以使用gwt元素方法：

 panel.getElement().getStyle().setProperty("WebkitTransform", "scale(0.65, 0.65)");
 panel.getElement().getStyle().setProperty("MozTransform", "scale(0.65, 0.65)");

或者我宁愿使用以下语法：

在现代浏览器中，除了在另一个响应中提到的适用于整个文档的视口之外，还可以使用css缩放变换

看到这个纯html/css了吗

我在GWT中所做的是，我是否有不同的.ui.xml或css包，用于具有不同比例值的桌面和移动排列，或者我通过代码更改它（根据窗口大小、浏览器类型等计算比例因子）

在第二种情况下，可以使用gwt元素方法：

 panel.getElement().getStyle().setProperty("WebkitTransform", "scale(0.65, 0.65)");
 panel.getElement().getStyle().setProperty("MozTransform", "scale(0.65, 0.65)");

或者我宁愿使用以下语法：