My math is rendering much too small, but only on my phone

[mjdo...@gmail.com]

(I am aware of the FAQ question on “Some of my mathematics is too large or too small. How do I get it right?”.)

On regular laptop and desktop browsers, everything looks great.  But the mathjax is minuscule when I look at the same pages on my phone.  Here's an example, the page from http://blog.plover.com/testblog/math/rectangles.html . The displayed formula in this phone screenshot is barely visible; it is after “she wrote”:

All the MathJax rendered formulas are equally tiny; I have attached another example screenshot of a different part of the same page.  This was rendered in Firefox 36.0.2 on  a Samsung GT-I8190N running Android 4.1.2.

The FAQ page referred me to the documentation for configuring the HTML-CSS output processor.  The only thing on that page that seemed pertinent was the minScaleAdjust option.  I tried setting this to 50, but the rendering on the phone stayed the same.  I also set the corresponding SVG output configuration variable to 50, in case the phone was getting SVG rendering.

I am using the TeX-AMS-MML_HTMLorMML configuration,.

What should I try next?

[mjdo...@gmail.com]

Sorry, I posted the wrong link to the demo page on my site.  The correct URL is

http://blog.plover.com/math/rectangles.html

[Murray]

Hi dominus

You need to add the "viewport" meta tag so it will behave nicely on a phone, something like this:

<meta name="viewport" content="width=device-width,minimum-scale=1.0, maximum-scale=1.0" /> 

Here's the essential parts of your page, but with the tag added:

http://www.intmath.com/cg3/viewport.htm

You'll notice it doesn't affect desktop viewing, but fixes the phone issue.

Background for the viewport tag can be found here:

https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

Hope it helps.

Regards

Murray