我有一个在GWT中构建的网页游戏。我真的很努力使其移动友好。为了支持桌面的多种屏幕尺寸,我只使用了transform:scale(*)CSS属性,但它似乎并不适用于移动浏览器。 关于如何解决这个问题的任何指导方针/提示? http://www.poker-fighter.com/PokerFighter.html将GWT网页游戏转换为支持移动浏览器
1
A
回答
3
关于响应式设计没有太多关于GWT的具体规定。大多数技术对于所有HTML/CSS/JS框架都是相同的。 (注意:您应该从未使用scale()
,以此来适应屏幕大小。)
我真的很喜欢GWT的,但是,是针对不同的屏幕尺寸创建不同的布局的能力,并建立独立的用于手机和平板电脑/桌面的排列,而不是使用媒体查询断点或其他臃肿代码或CSS文件的技术。为了实现这个目标,我通常创建一个抽象视图实现(即GameboardViewImpl),该抽象视图实现包括所有形式因素所共有的代码和UI引用,然后扩展此抽象视图实现以创建特定于形式因子的实现。 GameboardViewImplDesktop和GameboardViewImplPhone。这种方法不仅可以创建更小更高效的代码,还可以创建更容易开发和维护的代码。您只需刷新浏览器并查看每个视图在桌面,平板电脑或手机外观方面的外观,并且如果看起来不正确,则您确切知道在哪里解决问题。
看一看MGWT - 您可能需要也可能不需要它提供的所有平台特定的窗口小部件和样式,但您至少可以使用MGWT.getFormFactor()
以及类似的方法。
相关问题
- 1. 移动浏览器支持
- 2. 移动浏览器的VoiceXML支持
- 3. 移动浏览器对CSS3的支持
- 4. 移动谷歌浏览器中的浏览器扩展支持
- 5. GWT不支持的浏览器警告
- 6. Chrome浏览器是否支持GWT 2.5?
- 7. HTML5多人游戏浏览器游戏
- 8. event.keycode支持(或类似)的移动互联网浏览器
- 9. 为 “//domain.com” 浏览器支持
- 10. 移动浏览器方向旋转支持
- 11. 创建浏览器游戏
- 12. 移动网页浏览器上的HTML5
- 13. 如何为移动用户设置自动网站切换?大多数移动浏览器都不支持Flash
- 14. jQuery框架(非移动)和移动浏览器支持
- 15. 区分移动浏览器和PC网页浏览器
- 16. 移动浏览器将和何时支持getUserMedia?
- 17. 浏览器支持
- 18. 将移动网址转换为非移动网页
- 19. 统一游戏和网页浏览器通信
- 20. 网页浏览器游戏如何访问临时文件
- 21. 如何将C游戏移植到浏览器
- 22. 检测GWT中的移动浏览器
- 23. 浏览器支持WebDriver还是WebDriver支持浏览器
- 24. 为什么在Firefox 27中不支持GWT浏览器插件?
- 25. 流星网络框架支持哪些网页浏览器?
- 26. 互联网浏览器支持e.preventDefault
- 27. 制作浏览网页的漫游器
- 28. 自动将GWT网页应用程序转换为移动应用程序
- 29. 如何嵌入或转换PDF以支持在离线支持下在移动浏览器上阅读?
- 30. 哪些网页浏览器支持SVG过滤,并将上一层作为源?
谢谢。 1.为什么我不应该使用比例尺? 2.我其实几乎没有使用任何小工具,所以我不认为MGWT可以帮助我。布局明智,假设我只想要最微不足道的事情 - 拥有完全相同的布局,但我希望它适合移动屏幕。仍然不明白我怎么能做到这一点。 –
有很多原因不使用比例尺,但最重要的是:当您从我的屏幕(2560x1440 CSS像素)缩放到某个小型手机(320x533 CSS像素)时,它可能会使UI变得不可读或荒谬的很大。而且你不会利用xhdpi和hdpi分辨率来让你的游戏看起来更加清晰。 –
MGWT可以轻松检测出您的用户具有哪些形状因素和屏幕密度。当然,如果你愿意,你可以用纯JS做。 –