Don't just use webkit retina detection:

services/web/public/stylesheets/components/navbar.less

@@ -378,11 +378,16 @@
     padding: 0;
     width: 135px;
   }
-  
-  @media(-webkit-min-device-pixel-ratio: 2) {
-      .navbar-brand {
-        background-image: url('/img/logo@2x.png');
-      }
+  @media
+    only screen and (-webkit-min-device-pixel-ratio: 2),
+    only screen and (   min--moz-device-pixel-ratio: 2),
+    only screen and (     -o-min-device-pixel-ratio: 2/1),
+    only screen and (        min-device-pixel-ratio: 2),
+    only screen and (                min-resolution: 192dpi),
+    only screen and (                min-resolution: 2dppx) { 
+        .navbar-brand {
+          background-image: url('/img/logo@2x.png');
+        }
   }
 
   .navbar-text {