UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36

Example URL:

Steps to reproduce the problem:
1. When the screen is 640px or wider, apply an external stylesheet which changes the color of the text 
2. Load the page when the browser is at least 640 px wide it changes the color of the text 
3. Then resize the browser width to 639 px or smaller it uses the CSS default text color which is right
4. Reload the page when the browser width is smaller than 640 px it uses the CSS default text color but when you resize the browser width to 640 px or wider, it doesn't read the color from external stylesheet

What is the expected behavior?
When the browser is 640px or wider, apply an external stylesheet which changes the color of the text. Keep your browser width less than 640 px and reload the page. Now when you resize the browser width to 640 px or wider, it should change the color of the text but it is not doing so.

What went wrong?
Chrome ignores all the external stylesheet with media queries if none of the media query conditions is true when the page loads. Later when you resize the page to meet the media query condition, it won't read the styles from the external stylesheets.  

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 57.0.2987.133  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: