js 代码部分

<div className={styles.img_box} ><div className={styles.img} style={{backgroundImage: `url(${this.state.url})`}} />
</div>

less 代码部分

.img_box{width: 100%;height: 610px;.img{width: 100%;height: 100%;background-repeat:no-repeat ;background-size: cover;background-position: center;}}

react 设置背景图片（等比例显示，不拉伸）相关推荐

css设置背景图片等比例铺满整个页面
有次UI给我提出了bug说我的登录页的背景图变形了,后来查了下正确的背景图设置,如下: .login-box {width: 100%;height: 100%;background: url(&qu ...
完美的css背景图片全屏显示，能比例缩小，不留空白
简介:完美的css背景图片全屏显示,能比例缩小,不留空白,我们之前已经知道了可调整大小的背景图片的概念.但是读者DougShults发给了我一个链接,其中使用了非常酷的技术,我觉得这种技术要比之前的任 ...
QLabel 设置背景图片的方法和解决图片太大不能完显示办法
#QLabel 设置背景图片的方法和解决图片太大不能完显示办法文章目录 1.通过`QPixmap`来设置方法注意 2.通过`QSS`设置方法注意 1.通过QPixmap来设置方法 // 获 ...
html背景图片只显示一张图片,img只显示图片一部分或 css设置背景图片只显示图片指定区域(示例代码)...
17:14 2016/3/22 img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
html如何把图片在背景图一半,img只显示图片一部分或 css设置背景图片只显示图片指定区域...
17:14 2016/3/22 img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
html 背景图片不重复显示,css如何设置背景图片不重复？
css设置背景图片,默认的样式是图片重复,有的时候页面只需要一个不重复的背景图片,这就需要使用到css背景图片重复属性background-repeat: no-repeat;进行设置. css使用b ...
css 设置背景图一半_img只显示图片一部分或 css设置背景图片只显示图片指定区域...
17:14 2016/3/22 img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
在HTML5中, web app 以及手机客户端中,设置页面图片等比例居中显示
在HTML5中, web app 以及手机客户端中,设置页面图片等比例居中显示接触前端时间不长,费了一些时间 img{display:block;max-width:100%;margin:auto ...
Android中遇到button按钮设置背景图片无法显示的解决方案
给button设置了background的属性却显示不出来 1.在图片导入时选错位置,应该选择第一个位置,如果选了第二个图片后面会有(v24)[如下图]就有可能加载不出来. 新版引入drawable ...
idea背景图片自定义设置并为什么设置好的背景图片idea不显示
成品 1:首先键盘双击shift键,在进行全局搜索set background 显示的意思就是设置背景图片 2:第二步,找到你想要设置的背景图片位置,进行点击找出来就行了在哪里存的,就在哪里找,最好 ...

react 设置背景图片（等比例显示，不拉伸）

js 代码部分

less 代码部分

react 设置背景图片（等比例显示，不拉伸）相关推荐

最新文章

热门文章

react 设置背景图片 （等比例显示，不拉伸）

js 代码部分

less 代码部分

react 设置背景图片 （等比例显示，不拉伸）相关推荐

最新文章

热门文章

react 设置背景图片（等比例显示，不拉伸）

react 设置背景图片（等比例显示，不拉伸）相关推荐