css - 将 React App 部署到 Heroku/GitHub 页面会更改样式/CSS

标签 css reactjs github heroku responsive

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

My portfolio site on localhost: everything is the size I want it.

My portfolio site deployed on GitHub pages: everything is smaller.

最佳答案

在放大的本地主机上,您是否在地址栏的左侧看到该图标?只需在本地主机上使用 CMD+0 重置您的缩放,或者在 PC 上我猜它是 Ctrl+0,您将获得一致的外观。

祝您的网站好运 (:

关于css - 将 React App 部署到 Heroku/GitHub 页面会更改样式/CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58831515/

相关文章:

javascript - React.js 无法读取未定义的属性 'setState'

git - Visual Studio 代码和 git : Permission denied to X

css - 我怎样才能删除我的 ucoz 网站的背景图片?

html - <tr> 不取后代 <span> 的高度

javascript - 将变量移动到第二个组件并保存在状态中

javascript - 使用 setState 和类名以不可预测的方式响应更新 DOM

git - 使用 (J)Git 获取 GitHub 存储库描述

git - "This directory appears to be a Git repository"错误?

html - 按钮文本在 IE 10 中不垂直对齐

javascript - 使用javascript以 "dropdown"风格缓慢地显示隐藏的div