html - 页面覆盖 div 未显示在移动混合应用程序上

标签 html css meta pinchzoom hybrid-mobile-app

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

最佳答案

设置覆盖整个页面的绝对/固定 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">

关于html - 页面覆盖 div 未显示在移动混合应用程序上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24085520/

相关文章:

python - 使用 Python CGI 处理大型 HTML 文件

javascript - 简单函数在使用 onclick 时触发,在 JS 中使用 addEventListener 时不触发

html - 如何在 CSS 网格中的行之间设置不同的列宽?

web - 如何查找和更改网站名称(不是 url 和域名)

php - 如何使 html 页面在任何浏览器中只能在一定程度上缩放?

html - 单击后获取要显示的元素

java - jgraphx 上划线顶点标签

html - 似乎无法正确设置我的 Bootstrap 网格/flexbox

jquery - 使用 jQuery 显示/隐藏 :after pseudo class

css - 使用替代 CSS 解决方案替换 HTML 电子邮件中的 Meta Viewport 标签