css - 手机响应式设计

Question

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

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

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

谢谢和问候， Mrudul

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>