Support iPad-oriented PhotoExample sizing.

[cydget.git] / PhotoExample.cydget / index.html
diff --git a/PhotoExample.cydget/index.html b/PhotoExample.cydget/index.html

index a99a0bbf51735c1454c925a73a59da2c3c54015c..fe772b5771e55a7e43705f60914d0d9b81775533 100644 (file)
--- a/PhotoExample.cydget/index.html
+++ b/PhotoExample.cydget/index.html
@@ -117,10 +117,27 @@
  
      #content img {
          margin: auto;
-        max-height: 268px;
-        max-width: 320px;
+        max-width: 100%;
          vertical-align:middle;
      }
+
+    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
+        #content img {
+            max-height: 268px;
+        }
+    }
+
+    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
+        #content img {
+            max-height: 556px;
+        }
+    }
+
+    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
+        #content img {
+            max-height: 769px;
+        }
+    }
  </style></head><body>
      <div id="content">
          <script type="text/cycript" src="lcd.cy"></script>