# HG changeset patch # User terom # Date 1377823258 -7200 # Node ID b411fd929a522e2d55b30f127f17bb6ee3ceb716 # Parent 560beb75655fb42406dbadd28ed72d8999398518 qrurls image: scale image up to full width on portait-mode browsers (mobile) diff -r 560beb75655f -r b411fd929a52 qrurls/static/qrurls/images.css --- a/qrurls/static/qrurls/images.css Fri Aug 30 02:36:56 2013 +0200 +++ b/qrurls/static/qrurls/images.css Fri Aug 30 02:40:58 2013 +0200 @@ -17,10 +17,18 @@ margin: auto; display: block; - /* Scale for portait-mode */ + /* Scale down as necessary */ max-width: 100%; } +/* Heuristic for detecting mobile browsers */ +@media (orientation: portrait) { + div.container img { + /* Scale up to full-width on portait */ + width: 100%; + } +} + div.footer { margin: 1em; padding: 1em;