Easier workaround for border image squeezing issue

examples/mobile-wmts-vienna.css

@@ -17,6 +17,8 @@ html, body, #map {
     -moz-transition: opacity 0.2s linear;
     -o-transition: opacity 0.2s linear;
     transition: opacity 0.2s linear;
+    /* workaround for strange border tile squeezing on Android 4.x */
+    -webkit-transform: scale(1.001);
 }
 div.olControlAttribution {
     position: absolute;

examples/mobile-wmts-vienna.js

@@ -136,10 +136,6 @@ var map;
         matrixSet: "google3857",
         attribution: 'Datenquelle: Stadt Wien - <a href="http://data.wien.gv.at">data.wien.gv.at</a>'
     };
-    // No fade transitions on Android 4, because they are buggy
-    if (/Android 4\.0.*Safari\/.*/.test(navigator.userAgent)) {
-        defaults.className = "nofade";
-    }
 
     // The WMTS layers we're going to add
     var fmzk, aerial, labels;
@@ -169,7 +165,7 @@ var map;
                 {layer:"lb", transitionEffect:"resize"}, defaults
             ));
             labels = format.createLayer(caps, OpenLayers.Util.applyDefaults(
-                {layer:"beschriftung", className:"nofade", isBaseLayer: false},
+                {layer:"beschriftung", isBaseLayer: false},
                 defaults
             ));
             map.addLayers([fmzk, aerial, labels]);
@@ -203,8 +199,7 @@ var map;
         layer: "beschriftung",
         style: "normal",
         transitionEffect: null,
-        isBaseLayer: false,
-        className: "nofade"
+        isBaseLayer: false
     },
     defaults));
     map.addLayers([fmzk, aerial, labels]);