如何在移动内容中制作全屏页面？

Question

我需要的是

-禁用缩放功能

-全屏页面（网络浏览器和移动设备视图）

-禁用滚动页面

到目前为止我做了什么..

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
</head>
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
</body>

我不知道如何在移动设备上全屏显示页面。

当我在 phone 上运行时，它只显示了一半的页面。将另一个 space 留空。

请帮我解决。

非常感谢。

Answer 1

全屏和缩放：

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

对于禁用的滚动尝试在你的 css 中添加它：

html, body {
  overflow-x: hidden;
}

并尝试通过主 css 文件中的此属性删除 body 标记中的所有边距设置

* {
margin : 0;
padding: 0;
}

如何在移动内容中制作全屏页面？

How to make fullscreen page in mobile content?

android

mobile

fullscreen