将React应用程序部署到Heroku/GitHub页面会改变样式/CSS



我对编码相对陌生,但我已经制作了六个全栈应用程序,在每个应用程序中,我都注意到,每当我将应用程序部署到Heroku/GitHub页面时,页面上的每个元素都会比我的本地主机上的元素小。例如,导航栏将从50像素变为30像素。元素的字体大小将从20像素变为12像素。我不知道为什么,我猜索引文件在渲染和默认时没有正确读取CSS文件,但这很烦人,我无法计划如何设计页面样式,因为我不知道最终产品会是什么样子。有人有什么答案吗?

我在localhost上的投资组合网站:一切都是我想要的大小。

我的投资组合网站部署在GitHub页面上:一切都更小。

在localhost上,您放大了地址栏左侧的图标吗?只需在本地主机上用CMD+0重置缩放,或者在PC上,我想是Ctrl+0,你就会有一个一致的外观。

祝你的网站好运(:

最新更新