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

时间:2015-04-21 11:57:40

标签: javascript css

在页面中放置弹出式面具。它在旋转移动屏幕一秒钟时显示出白色空间。

请找到样本,

<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>

我尝试过使用背面可见性选项。但仍然在旋转时显示。

0 个答案:

没有答案
相关问题