Javascript 在移动浏览器中旋转屏幕时显示空白页_Javascript_Css

Javascript 在移动浏览器中旋转屏幕时显示空白页

javascript css

Javascript 在移动浏览器中旋转屏幕时显示空白页,javascript,css,Javascript,Css,在页面中放置弹出窗口掩码。它在移动屏幕旋转一秒钟时显示空白请找到样品 <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <style> html, body { margin: 0px;

在页面中放置弹出窗口掩码。它在移动屏幕旋转一秒钟时显示空白

请找到样品

<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
        <style>
            html, body {
                margin: 0px;
                padding: 0px;
             -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
                backface-visibility: hidden;
            }
            .skMask {
                height: 1500px;
                width: 100%;
                opacity: 0.9;
                background-color: #000000;
            }
        </style>
    </head>
    <body>
        <div class="skMask"></div>
    </body>
</html>


html，正文{
边际：0px；
填充：0px；
-webkit背面可见性：隐藏；/*Chrome、Safari、Opera*/
背面可见性：隐藏；
}
skMask先生{
高度：1500px；
宽度：100%；
不透明度：0.9；
背景色：#000000；
}

我尝试过使用背面可见性选项。但它仍然会在rotate上显示。

将您的代码打包到一个在iOS 8.1.2上使用Mobile Safari进行测试的文件中，没有白色的内容。Siguza，请在android手机上尝试全屏模式。在三星设备中验证，空白显示一秒钟。我不知道这是一种设备行为，或者我必须添加任何CSS攻击。