stacks / stacks-website

The website for the Stacks project
http://stacks.math.columbia.edu
GNU General Public License v2.0
19 stars 12 forks source link

Math redered incorrectly on certain mobile devices #130

Open dbergh opened 8 years ago

dbergh commented 8 years ago

Math is rendered incorrectly on Samsung Galaxy S6 to the extent that it is very hard to read. This is possibly a MathJax bug.

Device: Samsung Galaxy S6 Appversion: Chrome 50.0.2661.89 OS: Android 6.0.1 screenshot_20160529-145749

dbergh commented 8 years ago

The bug is reproducible by using device emulation in Chrome. The math is rendered correctly on Firefox.

pbelmans commented 8 years ago

If I understand correctly what happens in device emulation, the issue seems to be that whenever you are in portrait mode and there is not enough space to display things, the browser decides to shrink everything that is not inside <div id="main"></div>. But the mathematics inside this <div> is handled by MathJax, who seems to be oblivious to this fact, or maybe that is a separate (MathJax) issue.

In landscape things seem fine in device emulation. Can you check this on your actual smartphone?