小编Jus*_*ger的帖子

过去几周我一直在开发一个网页，我已经完成了桌面版本。目前我正在为移动网站设计一个样式表。但是我遇到了一个问题，内容 div 的大小不会与屏幕的宽度相同。我检查了所有宽度标签和最大宽度标签都设置为 100% 而不是精确的屏幕尺寸。我还使用 js 来获取窗口大小，在我的测试设备上它是 540px；但 div 标签的大小为 980px。我有一个重置 css 样式表，我确保它也不会影响大小。我注意到使用 position:fixed 使其大小正确，但它不会滚动。这是样式表。和 html。对不起，如果我的代码很差。我的职业是应用程序程序员，而不是网页设计师。任何建设性的批评也将不胜感激。 http://jsfiddle.net/justinclev/ma63f3vo/

   html, body { height:100%; width:100%;}
   body {
    background-color:#131720;
    font-family: 'helvetica';
    text-align:justify;
    text-justify:inter-word;
   }

   .Header {
    z-index:95;
    position:relative;
    width:100%;
    height: 35px;
    background-color: #039de3;
    /*
    background: #5078CC; /* Old browsers 
    background: -moz-linear-gradient(top,  #D93F3F 0%, #FF4040 90%, #4C2020 100%); /* FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D93F3F), color-stop(90%,#FF4040), color-stop(100%,#4C2020)); /* Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  #D93F3F 0%,#FF4040 90%,#4C2020 100%); /* Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  #D93F3F 0%,#FF4040 90%,#4C2020 100%); …