页面覆盖div没有显示在移动混合应用程序上

Question

我有一个div，它在移动混合应用程序中居中，修复并覆盖整个页面。出于某种原因，当页面加载时，这个div会闪烁一秒，但它从未显示，因为它显示为。

Answer 1

设置覆盖整个页面的绝对/固定div的常用方法通常包括与此类似的css。

• 居中固定的div

  left:0;right:0;;top:0;bottom:0; margin:auto;
  

• 设置封面图片

  background-image: url('http://cdn.idstatic.com/cms/live/190/Untitled-1.gif?1401950829'); background-repeat: no-repeat; background-position: 50%; background-color: #fff;left:0;
  

的Presto！你现在有一个中心和固定的div，但它不适用于你的移动混合页面！它仅适用于您的桌面设备。

有时您可能会发现自己有一个元标记用于禁用移动设备上的缩放缩放。删除此选项将允许您在响应式移动混合页面上具有固定的居中div。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">