Question

我看到很多响应式网站将所有正文内容包装在一个div中，但我不知道如何做到这一点。这就像加载页面时一样，它适合屏幕，但是如果你缩小，你会看到页面上的所有元素都在正确的位置，但是变得很小，就像它被包裹在一个div中一样。像这样：

当我做一个响应式设计时，我只是让元素适合屏幕，当你缩小时，元素将调整到屏幕。我该怎么做到这样？ Obs：我真的想知道如何制作它，没有框架，我应该如何指定图像大小（用vh / vw，em，rem，％等）。

Answer 1

从屏幕截图来看，它可能会有一个最大宽度的像素尺寸，所以当你完成缩小时，样式表可能会显示一个媒体查询，例如：

#container_div {max width: 1280px; margin:auto}

所以保证金：auto会使div居中（假设它是某种包装器）。理论上这应该有用，但我想还有其他的可能性。

Answer 2

您可以尝试使用bootstrap类来实现此目标。

如果您想在页面中间设置页面内容。

<body>
<div class="container">
   // your page content ..... 
<div>
</body>

如果您想在整页中设置页面内容。

<body>
<div class="container-fluid">
   // your page content ..... 
<div>
</body>

现在这个容器类将完全管理。