覆盖 div 的页面未显示在移动混合应用程序上答案

【问题标题】：Page covering div not showing on mobile hybrid app覆盖 div 的页面未显示在移动混合应用程序上
【发布时间】：2014-07-27 22:36:00
【问题描述】：

我有一个 div 居中、固定并覆盖移动混合应用上的整个页面。出于某种原因，当页面加载时，这个 div 会闪烁一秒钟，但它永远不会像预期的那样显示。

【问题讨论】：

标签： html css meta pinchzoom hybrid-mobile-app

【解决方案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;

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

有时您可能会发现您有一个元标记，用于在移动设备上禁用捏合缩放。删除它可以让您在响应式移动混合页面上拥有一个固定居中的 div。

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

【讨论】：