由于我们无法检测网站是否是独立的,因此我使用 javascript 进行了检测。我想用一个白色的 div 隐藏所有网站,并在其中写一点句子来表示将应用程序添加到主屏幕。 (我在测试时将其设为红色)。
我试过<div style="width:100%;height:100%;" ></div>
当然,body 和 html 也都是 100%;但页面右侧和底部有一个空白区域。 (我认为这是用于滚动条的)。
然后我将宽度和高度设置为110%,并将body和html的溢出设置为隐藏;但没有成功。 (溢出问题:隐藏在 iPhone 中)。
然后我想将 div 的大小设置为设备的大小(使用媒体查询),但是当我从纵向切换到横向时,大小保持不变并且 div 不会扩展。
有人可以告诉我一种方法吗? (也许使用 javascript 来更改类)
最佳答案
只需在 body 下方放置一个 div 即可:
<body>
<div id="myDiv"></div>
</body>
CSS:
#myDiv {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
}
这将使 div 与屏幕一样大。
关于javascript - 隐藏所有网站的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10864421/