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

Question

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

Answer 1

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

然而，我真正喜欢 GWT 的是能够为不同的屏幕尺寸创建不同的布局，并为 phones 和 tablets/desktop 创建单独的排列而不是使用媒体查询中断要点或其他使代码或 CSS 文件膨胀的技术。

为了实现这一点，通常我会创建一个抽象视图实现（即 GameboardViewImpl），其中包括代码和 UI 对所有外形规格通用的引用，然后扩展此抽象视图实现以创建外形规格-具体实现，例如GameboardViewImplDesktop 和 GameboardViewImplPhone。这种方法不仅可以创建更小、更高效的代码，还可以创建更易于开发和维护的代码。您可以简单地刷新浏览器并查看每个视图在台式机、平板电脑或 phone 外形规格中的外观，如果有什么地方看起来不对劲，您知道在哪里修复它。

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