我正在使用Ionic框架构建一个html / javascript侧滚动游戏。 目前我正在努力让它在桌面浏览器和android上工作,但后来我也会在ios上工作......
目前我的问题是我将游戏区域元素宽度设置为1024px,我想让它在任何方向上的任何设备全宽度上缩放。
游戏在浏览器上运行良好,但在构建到android时,它会显示放大的视图,并且完全禁用缩放。
我一直在寻找解决方案......
我尝试设置视口元标记,但它只允许我进一步放大。
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.1, maximum-scale=2, user-scalable=no">
我玩过很多选项,例如&#34; width = 1024&#34;,&#34; initial-scale = 0.5&#34;,&#34; user-scalable = yes&#34 ;甚至&#34; target-densitydpi = device-dpi&#34;,只有初始比例= 1或更大似乎甚至做任何事情。
我还尝试了解如何在代码中缩放视口以便以不同的方式适应内容。
我尝试将appView.setInitialScale(0)添加到MainActivity.java,但Ionic 3中没有appView。
我尝试在Config.xml中添加EnableViewportScale,但这只适用于ios,对android没有任何影响。
我尝试使用setUseWideViewPort(),但无法将android.webkit导入我项目中的MainActivity.java。
我查看了ViewControllers,但找不到任何适合初学者的教程。
离子滚动元素似乎不再具有任何缩放功能。
我找到了一些使用android的解决方案:layout_width =&#34; fill_parent&#34;名为BrowserLayout.xml的文件中的选项,但Ionic 3中没有此类文件。
我尝试使用css缩放将我的内容缩放到屏幕宽度,但这会弄乱我使用的触摸事件坐标。
我现在已经没有关于如何做到这一点的想法,所以我正在寻求帮助。 缩放视口的正确方法是什么?