input要素のフォントをメイリオにすると幅が2倍に広がる問題の回避策

メイリオ問題その1 - web-holic　[ウェブホリック]

CSSでwidthを指定していないinputをメイリオフォントで見ると予想以上に幅が広がる

font-familyでメイリオを指定すると、input要素のテキストボックス・パスワード・ファイル選択（type="file"）・検索（type="search"）とtextarea要素の横のサイズが2倍になってしまう問題。IEやFirefoxで発生した。（type="file"はIEだけ？）

HTML5が普及してinput要素のtypeが増えたらさらに悲惨になるかもしれない。

そこで、試しにWindows 7でMeiryo UIを指定したところ、びよーんと広がらなかった。何の問題も無い。Meiryo UIでは問題を解消できたのかな？

Windows XPにMeiryo UIを入れるのはちょっと面倒だね。