切换设备工具栏时，React Js项目不会调整大小

是因为React Js是一个用于构建用户界面的JavaScript库，它主要关注于UI的组件化和状态管理，而不涉及设备适配的问题。

在React Js项目中，页面的布局和样式通常是使用CSS来控制的。当切换设备工具栏时，页面的大小和布局通常由CSS的响应式设计来实现。响应式设计是一种使网页能够在不同设备上自适应显示的技术，通过使用媒体查询和CSS布局技巧，可以根据设备的屏幕大小和分辨率来调整页面的布局和样式。

要使React Js项目在切换设备工具栏时能够调整大小，可以采取以下步骤：

1. 使用响应式设计：在项目中使用CSS的媒体查询和布局技巧，根据不同设备的屏幕大小和分辨率来调整页面的布局和样式。可以使用CSS框架如Bootstrap或者自定义CSS来实现响应式设计。
2. 使用CSS Flexbox或Grid布局：Flexbox和Grid布局是现代CSS布局技术，可以方便地实现页面的自适应布局。通过使用这些布局技术，可以使页面的组件在不同设备上自动调整大小和排列。
3. 使用React Js的响应式组件库：有一些基于React Js的响应式组件库，如React-Bootstrap和Material-UI，它们提供了一些预定义的响应式组件和布局，可以方便地实现页面的自适应效果。
4. 使用React Js的生命周期方法：React Js提供了一些生命周期方法，如componentDidMount和componentDidUpdate，可以在组件加载和更新时执行一些自定义的逻辑。可以在这些生命周期方法中根据设备的屏幕大小来调整组件的大小和样式。

总结起来，要使React Js项目在切换设备工具栏时能够调整大小，需要使用响应式设计、CSS布局技巧、React Js的生命周期方法等来实现页面的自适应效果。具体的实现方式可以根据项目的需求和技术栈来选择合适的方法和工具。