如何使一些 div 元素具有响应性答案

【问题标题】：How to make a few div elements responsive如何使一些 div 元素具有响应性
【发布时间】：2018-03-26 15:28:11
【问题描述】：

我无法让我的一些 div 元素响应。

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

网站链接：http://onlinestaff.net

【问题讨论】：

请提供代码。我猜它的属性是position:fixed
我们无法帮助您，因为阅读您的整个代码既费时又无用。请用最少的代码创建一个小示例并将其发布在此处。

标签： html css image responsive

【解决方案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>

【讨论】：

【解决方案2】：

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

解决方案：在制作响应式图片时，我们通常使用 CSS 属性 max-width:100% 来确保大图片缩小以适合屏幕（或者更好：适合父容器）

【讨论】：