Javascript 响应页面大小忽略视口
我正在做一个网站的响应部分,但我不能定义页面大小,我有98%,但页面继续在屏幕的右侧(我们可以滚动到右侧),我不希望这样。这是我正在处理的页面: 如何定义页面,以永远不忽略视口大小 HTMLJavascript 响应页面大小忽略视口,javascript,html,css,mobile,viewport,Javascript,Html,Css,Mobile,Viewport,我正在做一个网站的响应部分,但我不能定义页面大小,我有98%,但页面继续在屏幕的右侧(我们可以滚动到右侧),我不希望这样。这是我正在处理的页面: 如何定义页面,以永远不忽略视口大小 HTML <div id="home"> ... content ... </div> <div id="services"> ... content ... </div> <div id="team"> ... content ... </div&g
<div id="home"> ... content ... </div>
<div id="services"> ... content ... </div>
<div id="team"> ... content ... </div>
<div id="contact"> ... content ... </div>
width:设备宽度
是无效的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;}
}