第10回 文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点：ITpro

今回は，先日筆者の勤務するはてなのサービスの一つである「はてなダイアリー」で起こった，使いやすさに関する問題を取り上げてみたいと思います。使いやすさの向上のためにデザインを変更したところ問題が発生し，それをプログラミング言語であるところのJavaScriptを使って解決した，というお話です。 その問題とは，「文字の大きさ」に関するものです。 ブラウザには，文字のサイズを変更する機能が用意されています（図1）。例えばInternet Explorer（IE）なら「表示」メニューの「文字サイズ」から「最大」「大」「中」「小」「最小」の五つの段階を選ぶことができます。Firefoxも「表示」メニューの「文字サイズ」から選ぶことができますが，「大きく」「小さく」というメニューになっており，より自由に表示サイズを変更することができます。 図1：ブラウザでは文字サイズを変更できる ちなみにOperaは

[nyan-chi]

2007年の記事。文字サイズは％で。

[webmarksjp]

css

[as365n2]

textarea周り

[psychedesire]

文字サイズとか、サイズ関係はサイトデザインするときに悩む。

[mrnoon]

使いやすさの向上のためにデザインを変更したところ問題が発生し，それをプログラミング言語であるところのJavaScriptを使って解決した，というお話です。

[miyanavi]

>ページが読み込まれた際に，文字サイズをチェックして，もし小さすぎるようだったら，強制的にtextarea要素の文字サイズを固定にする

[doggedlyrefuse]

はてな

[pmakino]

そもそもfont-size:100%;より小さく指定したことが誤りじゃね?

[nilab]

第10回　文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点：ITpro:JavaScriptで文字サイズが小さすぎたらサイズ固定:そこまでやらなきゃうまくいかないなんてつらすぎ。

[nettabo]

ブラウザの文字サイズは常に標準なので、変えて使っている人のことはあまり考えた事なかったなぁ。確かにこの視点は重要。

[kazukittyo]

css design hatena web tips font size

[numbur9]

第10回　文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点：ITpro　CSSとブラウザ設定

[yoshitetsu]

つhttp://developer.yahoo.com/yui/fonts/

[tsupo]

現在，家を荒らしまわるネズミの被害に頭を悩ませている。 → ねずみですか……

[miya2000]

xnissyつuser.css|user.js。あ、IEか。

[tks_period]

文字サイズはクリティカルだからなぁ。私も会社ではSleipnir1.6で文字"小"だけど、MSDNとかクソ小さくて困るし。Firefoxは最低フォントサイズがあるから非常に楽。　font-size:100%;はよくあるね。tableもそうじゃなかったっけ。

[deeen]

表示、入力文字サイズの変更

[xnissy]

そのJavaScriptうまく動作しない場合があるよ。http://d.hatena.ne.jp/ideatester/20061221/1166715342。改良してください。

[wacky]

textareaの文字の大きさをIEのフォントサイズ設定に連動させるCSSハック。問題点とはてなダイアリーでの解決法。