[app] Update media query to target smaller devices.
Project: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/commit/142863c7 Tree: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/tree/142863c7 Diff: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/diff/142863c7 Branch: refs/heads/master Commit: 142863c7f85487f1e1ca4ba0469eb3a5e9cb4820 Parents: c52a970 Author: Michael Brooks <mich...@michaelbrooks.ca> Authored: Wed Jul 18 08:12:56 2012 -0700 Committer: Michael Brooks <mich...@michaelbrooks.ca> Committed: Wed Jul 18 08:12:56 2012 -0700 ---------------------------------------------------------------------- www/css/index.css | 16 +++++++--------- 1 files changed, 7 insertions(+), 9 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/blob/142863c7/www/css/index.css ---------------------------------------------------------------------- diff --git a/www/css/index.css b/www/css/index.css index d1f8210..5228eb4 100644 --- a/www/css/index.css +++ b/www/css/index.css @@ -82,16 +82,15 @@ h1 { } /* portrait */ -@media screen and (max-aspect-ratio: 1/1) { - .app { - background-position:center top; - height:100px; /* adds enough room for text */ - padding:180px 0px 0px 0px; /* background height - shadow offset */ - } +/* @media screen and (max-aspect-ratio: 1/1) */ +.app { + background-position:center top; + height:100px; /* adds enough room for text */ + padding:180px 0px 0px 0px; /* background height - shadow offset */ } -/* lanscape */ -@media screen and (min-aspect-ratio: 1/1) { +/* lanscape (when wide enough) */ +@media screen and (min-aspect-ratio: 1/1) and (min-width:445px) { .app { background-position:left center; height:140px; /* height + padding = background image size */ @@ -99,4 +98,3 @@ h1 { padding-top:60px; /* center the text */ } } -
