手机响应式设计

Question

我是HTML5的新手，我创建了一个网站，主页上只有很少的图标，绝对位置，固定的顶部和左侧值。

但是当在移动设备中打开相同的内容时，我必须滚动很多，并且图像没有像预期的那样居中。

请让我知道您的输入，因为我是HTML5的新手，想学习不同的方面。

谢谢和问候，姆鲁杜尔

Answer 1

> 我将进行一个疯狂的猜测，并说您正在使用引导程序来使事情响应。如果是这种情况，您可以简单地向图像添加一个类以使它们正确缩放。

<img src="http://placehold.it/1920x400"  class="img-responsive"  alt="">

您可以将其复制并粘贴到编辑器中以对其进行测试。这样，如果屏幕变小，您的图像也会变小。

编辑：
此外，如果您希望图像包含在包装器中，则可以使用以下结构：

<div class="container">
    <div class="row">
        <div class="col-md-12">
                <img src="http://placehold.it/1920x400"  class="img-responsive"  alt="">
        </div>
    </div>
</div>