iPad landscape の見た目を調整

shisobu · Sep 25, 2012 · c94dd75 · c94dd75
1 parent 4778c88
commit c94dd75
Showing 1 changed file with 15 additions and 5 deletions.
diff --git a/static/stylesheets/media-queries.css b/static/stylesheets/media-queries.css
@@ -12,18 +12,28 @@
 and (min-device-width : 768px)
 and (max-device-width : 1024px)
 and (orientation : landscape) {
+    html, body {
+        height: 100%;
+        overflow: hidden;
+    }
     body {
-        line-height: 1.8;
+        font-size: 100%;
     }
     #main {
-        -webkit-writing-mode: vertical-rl;
-        margin: 80px 0;
         float: right;
+        -webkit-writing-mode: vertical-rl;
+        -moz-writing-mode: vertical-rl;
+        writing-mode: vertical-rl;
+
+        width: 100%;
+        margin: 20px 0;
+        font-size: 1.1em;
+        line-height: 1.6;
     }
     #main h1 {
-        margin: 0 5em;
+        margin: 0 80px;
     }
     #main p {
-        margin: 0 0 0 2em;
+        margin-left: 3em;
     }
 }