V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
lxk11153
V2EX  ›  问与答

网页背景图片如何自适应,不拉伸,不显示不全,+repeat

  •  
  •   lxk11153 · Jun 1, 2020 · 1341 views
    This topic created in 2163 days ago, the information mentioned may be changed or developed.
    • 假设图片大小为: 20*20
    • 屏幕 1: 200*300
      • 图片缩放至: 200*200, 竖向 repeat 一次(多出的部分不要)
    • 屏幕 2: 300*200
      • 图片缩放至: 200*200, 横向 repeat 一次(多出的部分不要)
    4 replies    2020-06-01 23:25:10 +08:00
    codehz
        1
    codehz  
       Jun 1, 2020 via Android
    不就是 background-size: contain;?
    lxk11153
        2
    lxk11153  
    OP
       Jun 1, 2020
    应该是这个 background-size: contain; 但不知为何加在 body 上不行?
    https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
    yafoo
        3
    yafoo  
       Jun 1, 2020 via Android
    你这需求比较特殊,估计纯 css 难以实现,还是配合 js 搞吧
    lxk11153
        4
    lxk11153  
    OP
       Jun 1, 2020
    @codehz #1
    @yafoo #3 好吧,测试页面没加任何东西,导致 body height=0, 看不出东西。233
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1274 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 16:50 · PVG 00:50 · LAX 09:50 · JFK 12:50
    ♥ Do have faith in what you're doing.