V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Dive into HTML5
http://diveintohtml5.org/
litianyou
V2EX  ›  HTML

网页背景图片大小自适应,求解决…

  •  
  •   litianyou · 2015-12-09 13:41:09 +08:00 · 3007 次点击
    这是一个创建于 2191 天前的主题,其中的信息可能已经有所发展或是发生改变。

    这是网页: c.wechatsale.com
    1920×1080 分辨率全屏用 chrome 访问的时候没什么问题,一旦缩小浏览器窗口或者分辨率比较低就会出现问题,比如有钢琴的那张图片字会显示不全之类的
    目前想到的解决思路是控制图片大小,强制缩小,保证图片能完全展示(更好方法会更好)
    但是对这写不懂…特别是 JS 和 CSS ,大家给解决一下?

    2 条回复    2015-12-10 10:42:28 +08:00
    puny
        1
    puny  
       2015-12-09 13:53:23 +08:00   ❤️ 1
    如果是背景图片就:
    background-size: cover;
    IE9 以下:
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='..', sizingMethod='scale');

    或者直接 img 元素:
    width:100%;
    height:auto;
    litianyou
        2
    litianyou  
    OP
       2015-12-10 10:42:28 +08:00
    @puny 修改了些已经解决底图问题了
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2661 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 55ms · UTC 13:08 · PVG 21:08 · LAX 05:08 · JFK 08:08
    ♥ Do have faith in what you're doing.