为什么我的内容在其他页面上不正确显示
我将这个电子商务网站作为我的第一个React项目。 我制作了一些页面，例如联系，登录等。我的页脚和其他组件在主页上完美呈现，但是当我转到其他页面时，内容缩短了，
提供代码沙盒链接bellow的 内容 sandbox link
I have made this ecommerce site as my 1st react project.
I made some pages like Contact, Login etc. my footer and other components are rendering perfectly on home page but when I go to other pages the content gets shortened
providing the code sandbox link bellow
sandbox link
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
更改
.footer-Distributed {width：100％}.footer-Distributed {width：100VW}Change
.footer-distributed { width: 100% }to.footer-distributed { width: 100vw }