【问题标题】: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% 来确保大图片缩小以适合屏幕(或者更好:适合父容器)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-02-20
      • 1970-01-01
      • 2020-03-09
      • 1970-01-01
      • 1970-01-01
      • 2015-03-29
      • 2015-10-24
      相关资源
      最近更新 更多