Mobile Safari doesn't like viewport relative units
authorCharles Connell <charles@connells.org>
Sun, 13 Apr 2014 15:42:39 +0000 (11:42 -0400)
committerCharles Connell <charles@connells.org>
Sun, 13 Apr 2014 15:42:39 +0000 (11:42 -0400)
karmaworld/assets/css/global.css
karmaworld/assets/css/home.css
karmaworld/templates/base.html

index 8c522746f44b81c002f15fb975984b37e191d4fe..6c5faaa194d9a4eb7b36d4ed68c56a9d9d7c8014 100644 (file)
@@ -54,12 +54,6 @@ p {
   padding: 0 5px 0 5px;
 }
 
-#splash {
-  background-image: url('../img/banner_small.jpg');
-  background-size: cover;
-  background-position: center center;
-}
-
 #global_footer {
   line-height: 1.5em;
   padding: 20px 0 20px 0;
index 061239b50557739ef4f5102253c6f5d32b57f5bf..b9fca7df8d0614c20cc51eb1909a003d517654d6 100644 (file)
@@ -1,8 +1,11 @@
 #splash {
-  padding: 10vh 5vw 10vh 5vw;
+  padding: 8% 5% 8% 5%;
   color: #ffffff;
   text-align: center;
   font-size: 3em;
+  background-image: url('../img/banner_small.jpg');
+  background-size: cover;
+  background-position: center center;
 }
 
 @media only screen and (max-width: 40.063em) {
index 9c0c11cba34227c78c03e61318388a7b18e716ec..eebb4a1e8c17bb296d922f88390d0135e60e939a 100644 (file)
@@ -3,7 +3,7 @@
 <html lang="en" dir="ltr">
 <head>
   <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>KarmaNotes -- {% block title %}{% endblock %}{% block head_title %}{% endblock %}</title>
        
   <link rel="shortcut icon" href="{{ STATIC_URL }}img/favicon.ico">