Question

由于我们无法检测网站是否在php中是独立的，我是在javascript中完成的。我想用白色div隐藏所有网站并在其中写一个小句子，以便将应用程序添加到主屏幕。（测试时我把它变成了红色）。

我当然尝试<div style="width:100%;height:100%;" ></div>身体和html也是100％;但页面右侧和底部有一个空白区域。（我认为这是滚动条）。

然后我将宽度和高度设置为110％，并将body和html的溢出设置为隐藏;但它不起作用。（溢出问题：隐藏在iPhone中）。

然后我想将div的大小设置为设备的大小（使用媒体查询），但是当我从纵向切换到横向时，大小保持不变并且div不会扩展。

有人可以告诉我一种方法吗？（也许使用javascript来改变课程）

Answer 1

只需将div放在身体下方：

<body>
    <div id="myDiv"></div>
</body>

CSS：

#myDiv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

这会使div与屏幕一样大。

Answer 2

您可以使用以下样式：

div {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 100000;
}

如果您需要隐藏正文滚动条，只需添加

即可

body {
    overflow: hidden;
}

DEMO： http://jsfiddle.net/MJAAU/

Answer 3

使用位置：固定，宽度：100％; ＆安培;高度：该div和100％的100％使高度和高度html＆amp;的宽度身体100％安全。我想这会对你有帮助。