如何使电脑端的网页游戏在手机端打开能自动适应手机屏幕？

Question

本人打算做一个基于html的网页游戏，想知道如何使它在手机端打开该游戏的网址，能自动适应手机屏幕，自动横屏，使该游戏在手机电脑两边都能使用？

Answer 1

为了使网页游戏在手机端能正常打开并适应手机屏幕，您可以在网页的 head 标签中加入以下代码：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

这样可以使网页在手机端自动缩放，适应手机屏幕。

至于自动横屏，您可以在 head 标签中加入以下代码：

<meta name="screen-orientation" content="landscape">

这样可以使网页在手机端自动横屏显示。

在使用这些代码之前，建议您阅读一下 W3C 的 Viewport 文档，了解更多有关 viewport 的知识。

希望这些信息能帮助到您。