V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
xx0219
V2EX  ›  问与答

Css Flex-shrink 小问题请教: Chrome 不能缩放

  •  
  •   xx0219 · 2016-08-20 13:03:54 +08:00 · 1998 次点击
    这是一个创建于 3008 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一行内 放很多张图片:

    safari 中都能缩放的. chrome 最新版却不能缩放......

    难道是我代码写错了?? 这个缩放功能好像是默认就开启的啊.....

    head: .img-box-shrink {

    		display: -webkit-flex;   /* for safari */
    		display: flex ;
    		flex-shrink: 1;
            }
    

    body:

          <h4 class="img-box-shrink">
    
    		< i m g src="totoro 50x50.png">
    		< i m g src="totoro 50x50.png">
    		< i m g src="totoro 50x50.png">
            < i m g src="totoro 50x50.png">
    		< i m g src="totoro 50x50.png">
    		< i m g src="totoro 50x50.png">
            < i m g src="totoro 50x50.png">
    		< i m g src="totoro 50x50.png">
    		< i m g src="totoro 50x50.png">
    		.................... 很多张一样的图片
    	</h4>
    

    然后 safari firefox 里面都正常 就 chrome 不对....

    顺便再问下...
    要在一行内 放很多张一模一样的图片... 只能傻傻的 写 n 个一模一样的 img 标签么?.... 就算复制也累的啊..... 而且代码也变长很多了....

    有没有啥好点的办法实现?
    就像 背景图片 自动重复的那个功能....
    
    1 条回复    2016-08-20 14:20:59 +08:00
    momou
        1
    momou  
       2016-08-20 14:20:59 +08:00
    为啥不能用 background-repeat 呢?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1530 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 17:15 · PVG 01:15 · LAX 09:15 · JFK 12:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.