pre 要素内の文字がモバイルでは小さく表示される問題

対処方法は pre に white-space: pre-wrap を指定してやるというものだんだけど、なぜこの問題が起こるのかと、どうしてこれで対処できるのか、調べるのが面倒くさくて未だにわかってない。

参考にしたのは Font size of pre tag on mobile devices gets too big – a fix というブログ記事。