React中的响应式背景图片

时间:2019-04-19 06:17:25

标签: reactjs background-image responsive react-bootstrap

我有一个React组件,它正在用作我正在构建的网站的主页。

我正在使用react-bootstrap,我需要知道如何使用React为此主页创建响应式背景图片。

2 个答案:

答案 0 :(得分:5)

对于给定style={{height:'auto',width:'100%'}}的响应式图像

答案 1 :(得分:0)

使用此..它确实有效。.

  1. 添加此库

从“ react-bootstrap /图像”导入图像;

2。虽然导入图片。

从“ << em>图像路径>”导入<< em>图像名称>;

3。导入图片。

<图像src = {<< em>图像名称>}流体