我正在做一个网站的响应部分,但我不能定义页面大小,我有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;}
}