Media Query doesn't change CSS when Maximizing Browser and Switching Tabs Media Query doesn't change CSS when Maximizing Browser and Switching Tabs google-chrome google-chrome

Media Query doesn't change CSS when Maximizing Browser and Switching Tabs


The fix for this issue is to convince Chrome to update the render on the page. You can do it by resizing, maximizing, or changing a class on the body tag. I've updated to codepen to use a visibilitychange event that fires during tab switching to toggle a class on the body to force Chrome to update the page render.

http://codepen.io/anon/pen/nuxaw