娜土豆 2021-07-24 09:22 采纳率: 0%
浏览 129

怎样实现css中图片随着窗口缩小使图片的中间部位展现在窗口上?

当把图片放到页面中的时候窗口是100%时图片是完全展现的,但是需要的效果是当窗口缩为小窗或检查时图片的中间部分展现在窗口上,并不是图片完全展现在缩小的窗口上,这个不知道怎样去实现。

  • 写回答

3条回答 默认 最新

  • CSDN专家-showbo 2021-07-24 14:16
    关注

    background-image+background-size: cover;可以实现。有帮助麻烦点个采纳【本回答右上角】,谢谢~~有其他问题可以继续交流~

    <style>
        body{margin:0}
        .bgimg {
            background-image: url(http://d.paper.i4.cn/max/2016/12/23/11/1482463499468_150396.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }
    </style>
    <body class="bgimg"></body>
    
    评论

报告相同问题?

问题事件

  • 创建了问题 7月24日

悬赏问题

  • ¥15 如何在scanpy上做差异基因和通路富集?
  • ¥20 关于#硬件工程#的问题,请各位专家解答!
  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?
  • ¥15 c++头文件不能识别CDialog