React 项目在 Localhost 和 gh-pages 环境中看起来不同
React Project Looking Different on Localhost and gh-pages enviornment
这里的 React 初学者正在尝试制作作品集。我 运行 遇到了一个问题，我无法找到任何答案，因此 post 在这里。
我的项目使用了 react-mdl，尤其是项目页面，它使用了 <Grid/> 组件。当我在移动界面（在 FireFox 和 Chrome 开发工具以及移动设备 (OnePlus 7 Pro) 上测试）中查看我的项目时，我得到了我想要的布局。但是，当我将相同的代码推送到 Github 个页面时，布局明显不同并且肯定不吸引人。
下面的截图应该能更好的解释
本地主机视图
Github 页面浏览量
我不确定到底是什么导致了这个问题，并且已经尝试了多个“修复”，不幸的是，到目前为止还没有解决，非常感谢朝着正确的方向推动。
我也为链接代码而不是直接 post 道歉，但是，由于文件相对较大，我不想用那么多媒体弄乱 post。
在此先感谢您，如果我能提供更多信息，请告诉我，我将非常高兴。
您存储库中的 public 文件夹似乎在上个月没有更改。如果您在将项目部署到 gh-pages 之前没有构建项目，那么您的实时网站将使用可能存在这些格式问题的旧版本。
使用 npm 运行 build，然后 npm 运行 deploy。这将使用您所做的最新更改更新您的 public 文件夹，然后部署这些较新的更改。
您可以在此处阅读有关您的 CRA public 文件夹的更多信息 - https://create-react-app.dev/docs/using-the-public-folder/
这里的 React 初学者正在尝试制作作品集。我 运行 遇到了一个问题，我无法找到任何答案，因此 post 在这里。
我的项目使用了 react-mdl，尤其是项目页面，它使用了 <Grid/> 组件。当我在移动界面（在 FireFox 和 Chrome 开发工具以及移动设备 (OnePlus 7 Pro) 上测试）中查看我的项目时，我得到了我想要的布局。但是，当我将相同的代码推送到 Github 个页面时，布局明显不同并且肯定不吸引人。
下面的截图应该能更好的解释
本地主机视图
Github 页面浏览量
我不确定到底是什么导致了这个问题，并且已经尝试了多个“修复”，不幸的是，到目前为止还没有解决，非常感谢朝着正确的方向推动。
我也为链接代码而不是直接 post 道歉，但是，由于文件相对较大，我不想用那么多媒体弄乱 post。
在此先感谢您，如果我能提供更多信息，请告诉我，我将非常高兴。
您存储库中的 public 文件夹似乎在上个月没有更改。如果您在将项目部署到 gh-pages 之前没有构建项目，那么您的实时网站将使用可能存在这些格式问题的旧版本。
使用 npm 运行 build，然后 npm 运行 deploy。这将使用您所做的最新更改更新您的 public 文件夹，然后部署这些较新的更改。
您可以在此处阅读有关您的 CRA public 文件夹的更多信息 - https://create-react-app.dev/docs/using-the-public-folder/