【发布时间】：2016-06-10 23:56:33
【问题描述】：
我有一个使用 GWT 构建的网页游戏。我真的很难让它适合移动设备。为了支持桌面的多种屏幕尺寸，我只使用了 transform: scale(*) CSS 属性，但它似乎不适用于移动浏览器。 有关如何解决此问题的任何指南/提示？ http://www.poker-fighter.com/PokerFighter.html
【问题讨论】：
标签： android css iphone mobile gwt
【发布时间】：2016-06-10 23:56:33
【问题描述】：
关于响应式设计并没有多少 GWT 特定的内容。大多数技术对于所有 HTML/CSS/JS 框架都是相同的。 （注意：您应该永远使用scale() 来适应屏幕尺寸。）
然而，我真正喜欢 GWT 的地方在于，它能够为不同的屏幕尺寸创建不同的布局，并为手机和平板电脑/桌面创建单独的排列，而不是使用媒体查询断点或其他使代码膨胀的技术或CSS 文件。
为了实现这一点，我通常会创建一个抽象视图实现（即 GameboardViewImpl），其中包含所有外形尺寸通用的代码和 UI 引用，然后扩展此抽象视图实现以创建特定外形尺寸的实现，例如GameboardViewImplDesktop 和 GameboardViewImplPhone。这种方法不仅可以创建更小、更高效的代码，还可以创建更易于开发和维护的代码。您只需刷新浏览器并查看每个视图在台式机、平板电脑或手机外形尺寸中的外观，如果看起来不正确，您就知道在哪里进行修复。
看看MGWT - 您可能需要也可能不需要它附带的所有特定于平台的小部件和样式，但至少可以使用MGWT.getFormFactor() 和类似方法。
【讨论】：
-
谢谢。 1. 为什么我不应该使用规模？ 2. 我实际上几乎没有使用任何小部件，所以我认为 MGWT 不能帮助我。布局明智，假设我只想要最微不足道的东西 - 具有完全相同的布局，但我希望它适合移动屏幕。仍然不明白我该如何做到这一点。
-
不使用缩放的原因有很多，但最重要的是：当您从我的屏幕（2560x1440 CSS 像素）缩放到某些小手机（320x533 CSS 像素）时，它会使 UI 不可读或大得离谱）。而且您不会利用 xhdpi 和 hdpi 分辨率来使您的游戏看起来清晰。
-
MGWT 可让您轻松检测用户的外形尺寸和屏幕密度。当然，如果你愿意，你可以用纯 JS 来做。