m2の記号表示
10m2 （10平方メートル）などの記号の表示方法がわからないで、
10m2と書くと意味まで不明になってしまいますよね・・・
かといって、キーボードで変換した機種依存文字もNGですので、
ウェブ上で記号を表示させる場合（不動産屋の物件紹介で利用しますが）、HTMLタグか文字実体参照で表示する事ができます。
m2 → m<sup>2</sup>
m² → m²
（m<sup>2</sup>だと、音声ブラウザ的にはNGなマークアップですがｗ）
その他で、立法メートルの表示も m3 → m<sup>3</sup> m³ → m³
² ³
span.sup{ vertical-align:super;font-size:80%;}などでも表示可能です。
X2+Y3 , KYON2なんてパターンもありますｗ
ところが、パソコンの各種ブラウザでは問題ないのですが、スマホ(Android)で見た時に、
文字実体参照の²だと一部のブラウザで表示されません。
（これ今頃気付いたのですが、このバグ情報/報告が無い・・・）
左：² 右：<sup>2</sup>
Y!ブラウザとGoogle Chromeで、²の部分が表示されません。
ベストではないですが、しばらくは、<sup>2</sup>がベターなようです・・・
<sup>は、大昔にネスケで問題ありましたし、
個人的には、²の方が小さく行高差がないので好きなのですが、
モバイル版Chromeのレンダリング性能が嫌になってきた・・・
追記（2015/7/22） これで良いかも
㎡ → ㎡
コメント