如何摆脱整个应用程序右侧和底部的空白？答案

【问题标题】：How to get rid of white space on right side and bottom of entire app?如何摆脱整个应用程序右侧和底部的空白？
【发布时间】：2021-06-27 13:50:28
【问题描述】：

我到处搜索以找到如何做到这一点，但无法弄清楚。它只显示在应用的右侧和底部：

页面顶部：

页面底部：

似乎整个应用程序都设置了边距，但我已经尝试了下面这个链接到我的 index.js 的 CSS 代码：

* {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  margin-right: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

这不应该解决问题吗？我确定我缺少一些基本的东西，但不确定它是什么。另外，下面是我的 index.js

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import { BrowserRouter } from "react-router-dom";


ReactDOM.render(
  <React.StrictMode>
      <App />
  </React.StrictMode>,
  document.getElementById("root")
);

提前致谢

【问题讨论】：

也可以提供我的任何代码:)
您的应用是否为使用 CRA 的 React 项目导入了默认的 App.css？如果不是，那么查看您的代码肯定有助于找出问题所在。
github.com/Bolmstead/Wittmeyer_and_Associates
认为提供我的整个回购可能是最简单的。我现在正在尝试你的方法@John

标签： html css reactjs

【解决方案1】：

您使用的图像不适合屏幕大小尝试修复图像大小

【讨论】：