將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()以及類似的方法。