Question

我是HTML5的新手，我创建了一个主页的网站，其中包含绝对位置，固定顶部和左侧值的图标。

但是当在移动设备中打开相同内容时，我必须滚动很多，并且图像不会按预期进入中心。

请告诉我您的相同信息，因为我是HTML5的新手，并希望了解不同的方面。

谢谢＆amp;问候， 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>

移动设备的响应式设计

1 个答案: