Created attachment 146599 [details]
Screenshot of wrong syntax colors

The problem can be seen in the screenshot. The closing bracket of CSS style class "big" is blue instead of black. This happens when I use "-webkit-min-device-pixel-ratio: 1.5" in my media query. If I put in "orientation: landscape" in the media query condition then the bug does not occur. Here is the CSS code that I used in my HTML page:

<style>
	.small {
		width: 400px;
		height: 400px;
	}

	.big {
		width: 800px;
		height: 800px;
	}

	#wrapper {
		background-image: url("images/Full-Size-Getting-Started-Desktop.png");
		background-position: center center;
	}

	@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
		body { background-color: black; }
	}
</style>