Question

我在使一些div元素响应时遇到了麻烦。

使用放大镜的图像在窗口较小时拒绝调整大小，例如在ipad上。我尝试了其他调整大小但导致失败的方法。

Answer 1

您可以尝试使用这样的方法来使div响应，并使其相对于屏幕大小的位置：

<body>
    <div class="container">
        <div class="row row-centered pos">
            <div class="col-lg-8 col-xs-12 col-centered">
                <div class="well"></div>
            </div>
            <div class="col-lg-8 col-xs-12 col-centered">
                <div class="well"></div>
            </div>
            <div class="col-lg-8 col-xs-12 col-centered">
                <div class="well"></div>
            </div>
        </div>
    </div>
</body>

Answer 2

问题：您网站上的放大镜图像使用属性max-width:100%，即使在较小的屏幕上也能以完整尺寸显示图像。

解决方案：在使图像响应时，我们通常使用CSS属性input来确保大图像缩小以适应屏幕（或更好：适合父容器）< / p>

如何使几个div元素响应

2 个答案: