Fix fontboosting and wrap pre, in other words, make mobile view nicer

一部のwebkit実装には(おそらく)font boostingというバグがあり、font-sizeを無視して大きなサイズが設定されます。
これのせいで、本文中のpreに対するworkaround(padding-top:0;)がうまく行っていなかったので、対処。(viewportを設定)

また、モバイル端末では横幅が一番長い要素に合わせて仮想的な画面幅(適切かは微妙)が決まるため、copyrightなどのpreも画面幅で折り返すように設定。