• 这里注意,如果简写里要写background-size,则这里必须写 / ,否则整个背景图片样式没有解析出来。 它和font以及border-radius里简写方式使用的/用法相似。/可以支持这种写法的浏览器里background-position后面...

    具体background简写可以参考这篇文章.

    这里注意,如果简写里要写background-size,则这里必须写 /  ,否则整个背景图片样式没有解析出来。

    它和font以及border-radius里简写方式使用的/用法相似。/可以在支持这种写法的浏览器里在background-position后面接着写background-size

    <div style={{
                                display: 'inline-block',
                                width: '208px',
                                height: '100%',
                                background: `url("${thumb[0]}") center center / cover no-repeat`,
                            }}>
    </div>

    效果如图:

    代码解析之后样式:(即使顺序不是这样写的解析出来也是这样的)

     如果分开写background其他设置,会出现一个问题,就是第一次加载图片是cover覆盖的,no-repeat,center center,但是打开其他页面再回来这些样式就都不生效了,只剩一个背景图片了。

    转载于:https://www.cnblogs.com/beileixinqing/p/9518623.html

    展开全文
  • 商誉专题RN及H5项目总结 2019-07-31 17:14:14
    React(基础框架): React 是基础框架,是一套基础设计实现理念,开发者不能直接使用它来开发移动应用或者网页。 React.js(web网页开发):React框架之上,发展...一、react和react-native样式区别 1.reactj...
1
收藏数 2
精华内容 0