转换GWT网页游戏以支持移动浏览器

Question

我有一个用GWT构建的网页游戏。我真的很努力让它适合移动设备。为了支持桌面的多种屏幕尺寸，我只使用了transform：scale（*）CSS属性，但它似乎并不适用于移动浏览器。 有关如何解决此问题的任何指导/提示？ http://www.poker-fighter.com/PokerFighter.html

Answer 1

响应式设计没有太多特定于GWT的内容。对于所有HTML / CSS / JS框架，大多数技术都是相同的。 （注意：您应该从不使用scale()作为适合屏幕尺寸的方式。）

然而，我真正喜欢GWT的是能够为不同的屏幕尺寸创建不同的布局，并为手机和平板电脑/桌面创建单独的排列，而不是使用媒体查询断点或其他夸大代码的技术或CSS文件。

为了实现这一点，通常，我创建一个抽象视图实现（即GameboardViewImpl），其中包括所有形状因子共有的代码和UI引用，然后扩展此抽象视图实现以创建特定于形状因子的实现，例如， GameboardViewImplDesktop和GameboardViewImplPhone。这种方法不仅可以创建更小，更高效的代码，还可以创建更容易开发和维护的代码。您只需刷新浏览器，查看每个视图在桌面，平板电脑或手机外形中的外观，如果看起来不对，您就知道确切的位置。

看一下MGWT - 你可能需要或不需要它附带的所有特定于平台的小部件和样式，但至少你可以使用MGWT.getFormFactor()和类似的方法。