Site with Responsive Objects!

-1

I'm developing a website at BootStrap ! It is doing very well to be Responsivo .

But the Background is working as planned only on PC's, since it's even cool with it, but by dragging the page the smartphones half goes down, but low, about 10 or so 20 pixels goes white!

Question: How do I resolve this?

I tried to use:

@media (min-width: 400px) {
    body {

        background-color: #ff0080;
    }
}

BODY code:

    body {
        background-image: url ( "http://fullhdpictures.com/wp-content/uploads/2016/04/Amazing-Clash-Royale-Wallpaper.jpg");
 background-repeat: no-repeat;
 background-attachment: fixed;
 -webkit-background-size: cobertura;
 -moz-background-size: cobertura;
 -o-background-size: cobertura;
 background-size: cobertura;
    }

But, whenever the screen goes down, background all exits and only gets CSS !

Question: How do I avoid this, just change what's inside background and the rest be original?

If you want to do a JsFiddle!

    
asked by anonymous 18.10.2016 / 05:25

1 answer

2

I understood your doubt although it was not very clear, it is a bit difficult to assume the problem without analyzing when it comes to css , a lot may be happening in your code, how are you stating the rules of that background? Have you tried using background-size: cover ? There's a great lib js for working with images and videos on the backgrounds, called Backstretch , if none of this solve, come back here with more details of your doubt, which I try to help

    
20.10.2016 / 02:40