diff --git a/css/ol.css b/css/ol.css
index 44bfbd35fe..8763dbc6e7 100644
--- a/css/ol.css
+++ b/css/ol.css
@@ -140,6 +140,12 @@ a.ol-full-screen-true:after {
   line-height: 19px;
   background: rgba(0,60,136,0.5);
 }
+.ol-touch .ol-zoom a {
+  font-size: 20px;
+  height: 30px;
+  width: 30px;
+  line-height: 26px;
+}
 .ol-zoom a:hover {
   background: rgba(0,60,136,0.7);
 }
diff --git a/src/ol/map.js b/src/ol/map.js
index 3203a2b5fb..7945fd464a 100644
--- a/src/ol/map.js
+++ b/src/ol/map.js
@@ -207,6 +207,9 @@ ol.Map = function(options) {
   this.viewport_.style.height = '100%';
   // prevent page zoom on IE >= 10 browsers
   this.viewport_.style.msTouchAction = 'none';
+  if (ol.BrowserFeature.HAS_TOUCH) {
+    this.viewport_.className = 'ol-touch';
+  }
   goog.dom.appendChild(this.target_, this.viewport_);
 
   /**