Question

我一直试图将我的身体宽度设置为等于我的Nexus 4屏幕的宽度，我听说是768px。但是，我发现当手机处于直立状态时，我可以向右滚动相当数量...如果我将宽度减半到384px，我仍然可以向右滚动......

我正在使用Bootstrap。

HTML：

<body>

<div class="container">         
    <h1>Heading</h1>
</div>

<div class="container"> 
    <button class="btn btn-primary">Settings</button>   
</div>

<div class="container"> 
    <button class="btn-primary">Received Messages</button>  
</div>

CSS：

body {
background-image: url("wooden-floor.jpg");
width:384px;    
text-align: center;
}

button {
margin-top:25px;    
}

.container {
width:384px;
}

有人知道我该怎么做才能纠正这个问题吗？

谢谢。

Answer 1

尝试在css中使用媒体查询并查看结果。请参阅下文：

点击查看帮助

http://cssmediaqueries.com/what-are-css-media-queries.html

同样在html中

<meta content='width=device-width, initial-scale=1.0' name='viewport'>

视口怎么样？

CSS宽度 - Nexus 4

1 个答案: