Windows Chrome + Black Cross

I am wondering if anyone has any idea of ​​this weird issue when running a very simple website in Chrome on windows. I am essentially stacking 5 sections on top of each other to resize if the window resizes.

<body>
    <div id="home"></div>
    <div id="about"></div>
    <div id="experience"></div>
    <div id="hobbies"></div>
    <div id="contact"></div>
</body>

      

Here is the code via media queries

Here is the code via javascript / jquery

Both versions should do the same thing, I was just trying to isolate the problem. On my Mac, everything seems to work just fine with some strange things that happen if I change very quickly. It works 100% on Firefox and Safari.

On my Windows PC, this happens by accident in Chrome (IE works fine ...):

Weird cross

When I resize my site it will randomly grab the screen and if I don't resize or refresh it stays when I scroll the page. If I resize or update it disappears and is replaced by the correctly colored divs. Also, on tablet PCs, chrome seems to go crazy with media queries when resizing, although I'm not sure if this is related or not.

Any help would be greatly appreciated! It annoyed me like crazy.

EDIT: Here's a link to a previous question, I asked to solve one related issue.

+3


source to share





All Articles