Website does not remain the same after published

I have built a website and it works correctly when i open it locally. But when i open it on my domain, it looks different. I want to make the background fit into the screen, my CSS code like this:

#home{
background-image: url("img/background-img-mobile.jpg");
background-position: center;
background-attachment:fixed;
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 100vh;
}

when i open it on the domain, the width 100% is wrong and it shows the scroll bar when i resize it. I don't know how to fix this