# HG changeset patch # User Matti Hamalainen # Date 1522073172 -10800 # Node ID 2731d2d8400ec2cbef144a050c45c770a3a2e0bc # Parent 6b34b61b956b0f7a35ace4d78b33bfff405bf356 Set meta viewport tag and initial scale, and try to "fix" things for some mobile devices/browsers while probably breaking things for others. Also, setting the initial scale seems to break the Android Chrome "text size autoboost" prevention in the CSS ... sigh. :S Set the text-size-adjust values to 100% anyway. diff -r 6b34b61b956b -r 2731d2d8400e basic.css --- a/basic.css Mon Mar 26 17:03:48 2018 +0300 +++ b/basic.css Mon Mar 26 17:06:12 2018 +0300 @@ -6,13 +6,13 @@ */ html { /* Prevent automatic text size adjustment, which happens on some mobile browsers. */ - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; - -ms-text-size-adjust: none; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } body { - font-size: 14px; + font-size: 0.9em; font-family: Verdana, Arial, helvetica, sans-serif; color: white; @@ -428,14 +428,14 @@ */ @media (orientation: landscape) { body { - font-size: 18px; + font-size: 1em; } } @media (orientation: portrait) { body { - font-size: 24px; + font-size: 1.4em; } div.galleryEntry { diff -r 6b34b61b956b -r 2731d2d8400e mgallery.php --- a/mgallery.php Mon Mar 26 17:03:48 2018 +0300 +++ b/mgallery.php Mon Mar 26 17:06:12 2018 +0300 @@ -133,6 +133,9 @@ "\n". "\n". " \n". + // Setting the viewport makes things break especially with the + // text-size-adjust CSS settings... so we don't use it. + " \n". " \n". " ".strip_tags($pageTitle)."\n". mgGetCSSLine($pageCSS, FALSE).