Macbook Pro Retina screen is breaking the bootstrap CSS layout

Asked

Viewed 46 times

0

How could I fix it, I’ve tried it but it didn’t work:

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio : 1.5) and (min-width: 1200px) {
    .col-lg-6.widescreen {
        width: calc(100%/2.05);
    }
}

How is it appearing:

inserir a descrição da imagem aqui

As it should appear:

inserir a descrição da imagem aqui

  • I don’t know if it will, but I’ll give you a hint about @media and seeing prefix. It doesn’t write CSS the way it is, even though it seems right. Separate each Vendor prefix into a rule. type @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { } and then another without seeing the prefix @media only screen and (min-device-pixel-ratio: 1.5) { }

  • Both examples have the same screen resolution?

1 answer

0


I solved the problem, it was a simple thing, the top column div, which encompassed the exit button of the game and the lives were closing in the wrong place, just at the end of everything.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.