Блог

я не могу решить эту проблему с css, я создал свой сайт на react, но в мобильной версии я обнаружил такую проблему, что когда я уменьшаю масштаб экрана, вы видите эту вертикальную белую линию справа. Скриншот

Я пытался везде искать решение, и большинство людей сказали поставить margin: 0, padding: 0, но ничего.

в моем app.css:

  *{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'PT Sans', sans-serif;
  }
  

Есть способ? Спасибо!

Установите стиль body специально

 body {
   margin: 0,
   padding: 0,
}

  

это мой основной:

 import React from 'react';
import './App.css';
import Home from './components/pages/HomePage/Home';
import Services from './components/pages/Services/Services';
import Products from './components/pages/Products/Products';
import Contattaci from './components/pages/Contattaci/Contattaci';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import Navbar from './components/Navbar';
import Footer from './components/pages/Footer.js/Footer';
import Terms from './components/Terms';
import CookieConsent, { Cookies } from "react-cookie-consent";

function App() {
return (
<Router>
  <Navbar />
  <Switch>
    <Route path='/' exact component={Home} />
    <Route path='/services' component={Services} />
    <Route path='/products' component={Products} />
    <Route path='/contattaci' component={Contattaci} />
    <Route path='/terms' component={Terms} />
    <div></div>
  </Switch>
  <CookieConsent>Questo sito web usa i cookie per migliorare l'esperienza dell'utente. 
  </CookieConsent>
  <Footer />
</Router>
 );
 }
 export default App;
  

затем я создал app.css

  *{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-family: 'PT Sans', sans-serif;
   }
  

остальные — это другие файлы, которые подключаются к main