javascript - 隐藏所有网站的 div

Question

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

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

然后我将宽度和高度设置为 110% 并将 body 和 html 的溢出设置为隐藏；但它没有用。（溢出问题：隐藏在 iPhone 中）。

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

有人可以告诉我这样做的方法吗？（也许使用javascript来改变类）

score 2 · Accepted Answer

只需将 div 放在身体下方：

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

CSS：

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

这将使 div 与屏幕一样大。

score 2 · Accepted Answer

您可以使用以下样式：

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

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

body {
    overflow: hidden;
}

演示： http: //jsfiddle.net/MJAAU/ </p>

score 0 · Accepted Answer

使用位置：固定，宽度：100%；& height:100% 对于那个 div & 使 html & body 的高度和宽度 100% 是安全的。我想这会对你有所帮助。

3 回答 3