代码之家  ›  专栏  ›  技术社区  ›  Azzy Elvul

如何删除内容下方的空白

  •  0
  • Azzy Elvul  · 技术社区  · 11 年前

    我有一个简单的页面

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script>
       .ui-page-theme-a {
      background-image: url(../../Resources/Bingo/WebBingo/En/Common/Images/bg.png);
      -moz-background-size-: cover;
      -o-background-size-: cover;
      -webkit-background-size-: cover;
      background-size-: cover;
    }
    </head>
    <body >
        <div id="preloader" style='background-color: #FF5794; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px;'> </div>
    </body>
    

    当我在iPad上的safari中测试它时,页面可以滚动,页面下方有一个空白。如何删除它?删除元标记无效。我使用jquery.mobile-1.4.1的调试版本,这一行似乎与

    base=fauxEle=$(“”,{“href”:fauxBase}).appendTo(“head” );

    在方法中

    baseTagTest。

    我从jqm中删除了loader,这样空白就不会出现在那里了

    enter image description here

    [1http://i.stack.imgur.com/2Scaw.jpg“>

    我不想使用任何类型的页脚,因为我的页面使用背景和画布。

    如果有图像作为主题背景,如何删除白线

    2 回复  |  直到 8 年前
        1
  •  1
  •   Benjamin Albert    11 年前

    我假设您试图使div与其他内容重叠。

    尝试将位置属性设置为固定,如下所示:

    <div id="preloader" style='background-color: #FF5794; position: fixed; height: 100%; width: 100%; left: 0px; top: 0px;'> </div>
    

    这将使位置相对于查看端口。 这意味着当用户滚动时,div将跟随用户并停留在屏幕上的相同位置。

        2
  •  0
  •   Krish R    11 年前

    你可以将css添加到你的body标签中,

    <style>
      body{
        margin:0;
        padding:0;
      }
    </style>