use mobile-specific metas in our examples, and add a media query to remove padding and set map width to page width on small scth on small-screen devices, r=aabt (closes #3067)

git-svn-id: http://svn.openlayers.org/trunk/openlayers@11158 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
2011-02-21 06:48:33 +00:00
parent d33477d65f
commit 7f34868fe2
176 changed files with 389 additions and 2 deletions
--- a/examples/GMLParser.html
+++ b/examples/GMLParser.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers GML Parser</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/KMLParser.html
+++ b/examples/KMLParser.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers KML Parser Example</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script src="../lib/OpenLayers.js"></script>
--- a/examples/SLDSelect.html
+++ b/examples/SLDSelect.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers SLD based selection control</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/WMSDescribeLayerParser.html
+++ b/examples/WMSDescribeLayerParser.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers WMSDescribeLayer Parser Example</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script src="../lib/OpenLayers.js"></script>
--- a/examples/WMSPost.html
+++ b/examples/WMSPost.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Basic WMS Example via HTTP-POST protocol</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/accessible.html
+++ b/examples/accessible.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Accessible Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/all-overlays-google.html
+++ b/examples/all-overlays-google.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers All Overlays with Google and OSM</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
        <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
--- a/examples/all-overlays.html
+++ b/examples/all-overlays.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>All Overlays Example</title>
        
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/animated_panning.html
+++ b/examples/animated_panning.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>Animated Panning of the Map via map.panTo</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/arcgis93rest.html
+++ b/examples/arcgis93rest.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script src="../lib/OpenLayers.js"></script>
--- a/examples/arcims-thematic.html
+++ b/examples/arcims-thematic.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>ArcIMS Thematic Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/arcims.html
+++ b/examples/arcims.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>ArcIMS Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/attribution.html
+++ b/examples/attribution.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Attribution Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/baseLayers.html
+++ b/examples/baseLayers.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Base Layers Example</title>
        
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/behavior-fixed-http-gml.html
+++ b/examples/behavior-fixed-http-gml.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Vector Behavior Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/bing-tiles.html
+++ b/examples/bing-tiles.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Bing Tiles Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
    <link rel="stylesheet" href="style.css" type="text/css">
--- a/examples/bing.html
+++ b/examples/bing.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Bing Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/boxes-vector.html
+++ b/examples/boxes-vector.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Boxes Vector Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/boxes.html
+++ b/examples/boxes.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Boxes Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/browser-name.html
+++ b/examples/browser-name.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/buffer.html
+++ b/examples/buffer.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Buffer Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/canvas.html
+++ b/examples/canvas.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>Canvas Renderer Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/click-handler.html
+++ b/examples/click-handler.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Click Handler Example</title>
        
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/click.html
+++ b/examples/click.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Click Event Example</title>
        
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/controls.html
+++ b/examples/controls.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Map Controls Example</title>

        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/cql-format.html
+++ b/examples/cql-format.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>
            OpenLayers CQL Example
        </title>
--- a/examples/custom-control-point.html
+++ b/examples/custom-control-point.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Custom Control Point Examle</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/custom-control.html
+++ b/examples/custom-control.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>Custom Control Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/custom-style.html
+++ b/examples/custom-style.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>Custom Style Example</title>
        
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/debug.html
+++ b/examples/debug.html
@@ -2,6 +2,8 @@
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Debug Example</title>
        <link rel="stylesheet" href="style.css" type="text/css" />        
        <script src="../lib/Firebug/firebug.js"></script>
--- a/examples/document-drag.html
+++ b/examples/document-drag.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Document Drag Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/donut.html
+++ b/examples/donut.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Polygon Hole Digitizing</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
        <link rel="stylesheet" href="style.css" type="text/css">
--- a/examples/doubleSetCenter.html
+++ b/examples/doubleSetCenter.html
@@ -1,5 +1,7 @@
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Double Set Center Example</title>
       
        <script src="../lib/OpenLayers.js"></script>
--- a/examples/drag-feature.html
+++ b/examples/drag-feature.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>Drag Feature Example</title>
        
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/draw-feature.html
+++ b/examples/draw-feature.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>Draw Feature Example</title>
        
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/dynamic-text-layer.html
+++ b/examples/dynamic-text-layer.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Vector Behavior Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/editingtoolbar-outside.html
+++ b/examples/editingtoolbar-outside.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers: Custom Editing Toolbar</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/editingtoolbar.html
+++ b/examples/editingtoolbar.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Editing Toolbar Example</title>
        
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/events.html
+++ b/examples/events.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Event Handling</title>
        <link rel="stylesheet" href="style.css" type="text/css" />
        <style type="text/css">
--- a/examples/example-list.html
+++ b/examples/example-list.html
@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <!-- This is the example list source: if you are trying to look at the 
        source of an example, YOU ARE IN THE WRONG PLACE. If you want to view
        the source of just one example, you can typically choose 
--- a/examples/example.html
+++ b/examples/example.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
        <link rel="stylesheet" href="style.css" type="text/css">
--- a/examples/filter-strategy.html
+++ b/examples/filter-strategy.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Filter Strategy Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
        <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
--- a/examples/filter.html
+++ b/examples/filter.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <style>
--- a/examples/fractional-zoom.html
+++ b/examples/fractional-zoom.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script src="../lib/OpenLayers.js"></script>
--- a/examples/fullScreen.html
+++ b/examples/fullScreen.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>Full Screen Example</title>        
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/geojson.html
+++ b/examples/geojson.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script src="../lib/OpenLayers.js"></script>
--- a/examples/georss-flickr.html
+++ b/examples/georss-flickr.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <style type="text/css">
--- a/examples/georss-markers.html
+++ b/examples/georss-markers.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers GeoRSS Marker Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/georss.html
+++ b/examples/georss.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers GeoRSS Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/getfeature-wfs.html
+++ b/examples/getfeature-wfs.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <title>WFS: GetFeature Example (GeoServer)</title>
--- a/examples/getfeatureinfo-control.html
+++ b/examples/getfeatureinfo-control.html
@@ -1,5 +1,7 @@
 <html>
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers WMS Feature Info Example (GeoServer)</title>
    <script src="../lib/OpenLayers.js"></script>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/getfeatureinfo-popup.html
+++ b/examples/getfeatureinfo-popup.html
@@ -1,5 +1,7 @@
 <html>
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>GetFeatureInfo Popup</title>
    <script src="../lib/OpenLayers.js"></script>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/getfeatureinfo.html
+++ b/examples/getfeatureinfo.html
@@ -1,5 +1,7 @@
 <html>
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Feature Info Example</title>
    <script src="../lib/OpenLayers.js"></script>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/gml-layer.html
+++ b/examples/gml-layer.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
      <title>OpenLayers GML Layer Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/google-reproject.html
+++ b/examples/google-reproject.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Google with Overlay Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/google-v3-alloverlays.html
+++ b/examples/google-v3-alloverlays.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Google (v3) Layer Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
        <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
--- a/examples/google-v3.html
+++ b/examples/google-v3.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Google (v3) Layer Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
        <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
--- a/examples/google.html
+++ b/examples/google.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Google Layer Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="../theme/default/google.css" type="text/css" />
--- a/examples/graphic-name.html
+++ b/examples/graphic-name.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>OpenLayers Graphic Names</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/graticule.html
+++ b/examples/graticule.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Graticule Example</title>

        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
--- a/examples/gutter.html
+++ b/examples/gutter.html
@@ -1,5 +1,7 @@
 <html>
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
      <title>OpenLayers Gutter Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/highlight-feature.html
+++ b/examples/highlight-feature.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>SelectFeature Control for Select and Highlight</title> 
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/hover-handler.html
+++ b/examples/hover-handler.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Hover Handler Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />        
--- a/examples/image-layer.html
+++ b/examples/image-layer.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
      <title>OpenLayers Image Layer Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/intersects.html
+++ b/examples/intersects.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>Geometry Intersections</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/kamap.html
+++ b/examples/kamap.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers KaMap Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/kml-layer.html
+++ b/examples/kml-layer.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
        <link rel="stylesheet" href="style.css" type="text/css">
    </head>
--- a/examples/kml-track.html
+++ b/examples/kml-track.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers KLM Track Parsing Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
        <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
--- a/examples/late-render.html
+++ b/examples/late-render.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Late Rendering Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/layer-opacity.html
+++ b/examples/layer-opacity.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
      <title>OpenLayers Layer Opacity Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/layerLoadMonitoring.html
+++ b/examples/layerLoadMonitoring.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Layer Load Monitoring Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/layerswitcher.html
+++ b/examples/layerswitcher.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
      <title>OpenLayers Layer Switcher Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/lite.html
+++ b/examples/lite.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Basic Single WMS Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/mapguide.html
+++ b/examples/mapguide.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers MapGuide Layer Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/mapserver.html
+++ b/examples/mapserver.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>MapServer Layer</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/mapserver_untiled.html
+++ b/examples/mapserver_untiled.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>MapServer Single Tile Mode</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/marker-shadow.html
+++ b/examples/marker-shadow.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers: Vector Graphics with Shadows</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/markerResize.html
+++ b/examples/markerResize.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>Resize a Marker</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/markers.html
+++ b/examples/markers.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>Markers Layer Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/markersTextLayer.html
+++ b/examples/markersTextLayer.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>Using a Layer.Text to display markers</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/measure.html
+++ b/examples/measure.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <style type="text/css">
--- a/examples/mm.html
+++ b/examples/mm.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>MultiMap</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/mobile-jq.html
+++ b/examples/mobile-jq.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers with jQuery Mobile</title>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0;">
        <meta name="apple-mobile-web-app-capable" content="yes">
--- a/examples/mobile-sencha.html
+++ b/examples/mobile-sencha.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>OpenLayers with Sencha Touch</title>
        <script src="../lib/OpenLayers.js"></script>
--- a/examples/modify-feature.html
+++ b/examples/modify-feature.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>Modify Feature</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/mouse-position.html
+++ b/examples/mouse-position.html
@@ -2,6 +2,8 @@
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" debug="true">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>MousePosition Control</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/mousewheel-interval.html
+++ b/examples/mousewheel-interval.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Mousewheel Interval Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/multimap-mercator.html
+++ b/examples/multimap-mercator.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>MultiMap SphericalMercator</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/multiserver.html
+++ b/examples/multiserver.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers: Tiles from Multiple Servers</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/mvs.html
+++ b/examples/mvs.html
@@ -5,6 +5,8 @@
     directory it is in.
 -->
 <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />

    <!-- this gmaps key generated for http://openlayers.org/dev/ -->
    <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
--- a/examples/navigation-control.html
+++ b/examples/navigation-control.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Navigation Control</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/navigation-history.html
+++ b/examples/navigation-history.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Navigation History Example</title>
        <link rel="stylesheet" href="style.css" type="text/css" />
        <style>
--- a/examples/navtoolbar-alwaysZoom.html
+++ b/examples/navtoolbar-alwaysZoom.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 	<head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
 		<title>A navToolbar with an alwaysZoom ZoomBox</title>
 		<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
 	    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/navtoolbar-outsidemap.html
+++ b/examples/navtoolbar-outsidemap.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers: Custom Navigation Toolbar</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/navtoolbar.html
+++ b/examples/navtoolbar.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <title>NavToolbar Demo</title>
--- a/examples/ordering.html
+++ b/examples/ordering.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers: Z-Ordering and Y-Ordering of Vector Features</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/osm-google.html
+++ b/examples/osm-google.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
    <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers OSM and Google Example</title>
        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
        <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
--- a/examples/osm-layer.html
+++ b/examples/osm-layer.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers: OSM Layer</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/osm.html
+++ b/examples/osm.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>OpenLayers Basic Single WMS Example</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/examples/outOfRangeMarkers.html
+++ b/examples/outOfRangeMarkers.html
@@ -1,5 +1,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>Using maxResolution to control overlays</title>
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="style.css" type="text/css" />
--- a/Show More
+++ b/Show More