我有一个具有FullHD屏幕(1920 * 1080)的android智能手机。我正在使用默认画布设置(1280 * 720)构建游戏。在我的html模板中,我设置了画布大小:
select (count(recommendations.RecommendationId) / count(reservations.UserName) )
from recommendations , reservations;
但是当我在智能手机上以横向方式运行游戏时,它无法适应屏幕,它太大了!为什么? 它应该比1080p浏览器屏幕小。另外,在纵向模式下,一切都很好,游戏窗口也可以适当缩放以适合屏幕大小。
我尝试使用元视口标签。有了它,我设法将画布适合屏幕,但是它破坏了其他所有内容。
统一版本为2018.2.7。移动浏览器是适用于Android的Chrome。
答案 0 :(得分:0)
您可以编辑gameContainer div来填充选项卡,因此无论分辨率如何,它都已满:
<div id="gameContainer" style="padding: 0px; position: absolute; height:100vh; width:100vw;"></div>