Media query for banner image is currently webkit only

[scottsweb]

When viewing a plugin which has uploaded a retina version of the banner image you can only see the retina image when using a webkit browser.

Here is an example from: ​https://wordpress.org/plugins/user-switching/

#plugin-title {
	width:772px;
	height:250px;
	background-image: url(//ps.w.org/user-switching/assets/banner-772x250.png?rev=979685);
	background-size:772px 250px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	#plugin-title {
		background-image: url(//ps.w.org/user-switching/assets/banner-1544x500.png?rev=979685);
	}
}				

The media query should cover more browsers, for example:

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 2dppx) {
	#plugin-title {
		background-image: url(//ps.w.org/user-switching/assets/banner-1544x500.png?rev=979685);
	}
}

[Otto42]

That seems a bit excessive. Wouldn't just adding the min-resolution ones work nowadays?

[Otto42]

I added the rules for Opera and the min-resolutions. That should cover everything current that I can find.

[scottsweb]

Excellent. Thanks :)