CSS React-bootstrap nav - 宽度大于浏览器宽度

Question

这让我很烦，因为它只是稍微从右向左移动，而且所有东西都向右偏移，因为宽度溢出了。

我已经设置了我的导航栏属性：

.navbar{
    background: rgb(7, 102, 197);
    background: linear-gradient(0deg, rgba(7,101,195,1) 0%, rgba(0,72,144,1) 100%);
    padding:0;
    width: 100%;
}

在index.css内我也有宽度100%

从第二张图可以看出更大

我试过申请：

overflow-x:hidden;

但这并不能解决问题

Answer 1

您是否在 HTML 中将宽度设置为 'device-width'？

因为这个 100% 的宽度对我们的设备来说是主观的 - 您的代码可以在 HTML 中添加以下标签的情况下正常工作：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

CSS React-bootstrap nav - 宽度大于浏览器宽度

CSS React-bootsrap nav - width greater than browser width

css

react-bootstrap