Html 移动渲染赢得'；t伸展100%

您好，在我的网站上，我有一个100%宽度的页眉/页脚包装，它有一个不同的bg图像，但当我用手机访问该网站时，它只延伸了90%的宽度，我正在将网站转换成一个我最近开发的响应网格系统，因此当前版本只会再运行几周，但我宁愿修复它，任何人都知道发生了什么？？ 网址： 标题的CSS

#header{
padding: 0;
height:60px;
width:100%;
background-image:url(../images/general/background_top.jpg);
-webkit-box-shadow: 0px 0px 50px 5px #000000;
-moz-box-shadow: 0px 0px 50px 5px #000000;
box-shadow: 0px 0px 50px 5px #000000;
}
    #nav{
        margin: 0 auto;
        padding-top:0;
        width:1000px;
    }
        #nav ul{
            float:right;
        }
        #nav li {
            display: inline-block;
        }
        #nav li a, #nav li a:visited {
            box-sizing: border-box;
            color:#FFFFFF;
            display: block;
            padding: .31em .60em;
            transition: border 1s ease-in-out;
            -moz-transition: border 1s ease-in-out;
            -webkit-transition: border 1s ease-in-out;
        }
        #nav li a:hover, #nav li a:active, #nav li a:focus {
            border-bottom: solid 10px #336699;

        }
        #nav ul:last-child{
            margin-right:0px;
            padding-right:0px;
        }

有人知道我的问题是什么吗？谢谢你的帮助：）

编辑时，问题是页眉和页脚中的包装应拉伸100%，而在手机上仅拉伸90%。

首先，请执行以下操作：

*{
margin:0px;
padding:0px;
}

在样式表中。 这就是最小宽度为900px的媒体查询的样式

media="screen and (min-width: 900px)"

尝试处理较小的宽度

---

还可以对全局样式的车身进行

宽度：100%

。然后继续使用媒体样式。调整浏览器大小时也可以看到效果：）请尝试测试大量工作

这个问题我已经纠结太多了。使用此元代码可阻止移动设备缩小。希望这有帮助

<meta content="initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport" />

---

顺便说一句，我一直在浏览你的网站，它的文字实在太多了，无法快速给访问者发信息。使用更多图像，因此用户必须尽可能少地使用

你的问题很不清楚，请重新措辞……我也被这个问题弄糊涂了。当我用手机访问你的网站时，背景图片根本不会出现？