【问题标题】:Css make an image fit in a 100% wide divCss 使图像适合 100% 宽的 div
【发布时间】:2013-10-18 01:14:41
【问题描述】:

我对 css 完全陌生,我需要一些帮助

问题来了: 我有一个 1600 像素宽的图像和一个 100 % 宽的 div。

有没有办法让图像适合 div,这样就没有水平滚动条,图像的其余部分在右侧被切断?

【问题讨论】:

    标签: html css image width


    【解决方案1】:

    理想情况下,您应该使用 %(响应式编码)来编写 CSS。在这种情况下,您可以设置图像 width:100% 和 overflow:hidden。这是使图像适合 div 的方法,这样就不会有水平滚动条,并且图像的其余部分在右侧被切断

    【讨论】:

      【解决方案2】:

      使用

      {background-position:cover;}
      

      图片。它将被设置为没有任何滚动条。

      【讨论】:

        猜你喜欢
        • 2013-01-03
        • 2016-01-27
        • 2015-07-03
        • 2013-07-27
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多