响应页面大小忽略视口

Question

我正在做一个网站的响应部分，但我不能定义页面大小，我有98％，但页面继续在屏幕的右侧（我们可以滚动到侧面），我不＆＃ 39;我想要那个。这是我正在处理的页面：Webpage BarberShop

如何定义页面，永不忽略视口大小？

HTML

<div id="home"> ... content ... </div>
<div id="services"> ... content ... </div>
<div id="team"> ... content ... </div>
<div id="contact"> ... content ... </div>

CSS媒体查询

@media only screen and (min-width: 240px) and (max-width:320px){

    html, body{background-color: #27ae60; width: device-width; zoom: 1.0; display: block; margin: 0 auto;}
    #home, #services, #team, #space #contact{width: 98%;}
    .container{width: 96%; margin: 0 2%;}
    #nav, #home .social, #slider, .premio, #contact #map, #gallery, #space, #footer p#by, #footer a, #contact label {display: none !important;}
    .spacer{width: 100%; height: 50px;}
    nav{display: block; z-index: 5; position: fixed;}
    #home .holder .block, #team .holder .block{display: block; width: 95%;}
    #welcome {margin: 0; margin: 605x auto 25px auto !important;}
    #home #welcome img {display: block; margin: 0 auto; margin-bottom: 10px; border-radius: 2px; width: 250px; height: auto;}
    #home .holder .block p{margin-bottom: 12px !important;}
    #service .top-area{margin: 0 auto !important; margin: 2px 0 2px 0 !important;}
    #footer p#by{display: none;} #footer .holder p{font-size:0.855em !important; display: inline-block;}
    nav span{display: inline; font-size: 14px; color: #fff; line-height: 50px; margin-left: 0.5%; margin-right: 0.1%; font-weight: bold;}
    #contact #local{width: 90% !important;} #contact #define{margin-right: 2px !important; margin-left: 2px !important; padding: 4px !important;}
}