HomeArchiveWEB技術
▲中国人日本語  ▼教科書には載らないニッポンのインターネットの歴史

2002/09/26

box スタイルシートの文字サイズ指定は相対指定にしよう はてなブックマークに追加 MM/memo投稿 del.icio.us entry

 スタイルシートのフォントサイズの設定をポイントにしていたんですが、ブラウザで文字サイズを簡単に変更できる相対指定に変更しました。「font-size」の相対指定でのデフォルト値は「medium」なんですが、なぜか「normal」も受け付けていて「medium」よりちょっとだけサイズが小さくなります。不思議だ。
 すごく小さい文字サイズを絶対指定するのは、環境の違いや見る人の視力を考えなさ過ぎでどうかと思います。1600x1200の環境では12ピクセル指定なんかされるとかなり読みづらいです。「文字を小さくしたらデザイン的にかっこいい」とか思うの禁止。
ダサイホームページ作成マニュアル WEBを作る際のやらないほうが良い事のリストがあります
悪いWebサイト(ホームページ制作会社やホスティング会社)の例 企業向けの話ですが、多くの人が読むサイトで意識しなければことが羅列してあったので。でも、これもサイズを絶対指定してるんですが…。

Amazon Search
−この記事に関連しているかもしれない書籍−
Comments
投稿者 : yuu 投稿日 : 2003/08/19 22:05

>。「font-size」の相対指定でのデフォルト値は「medium」なんですが、なぜか「normal」も受け付けていて「medium」よりちょっとだけサイズが小さくなります。不思議だ。

いわゆる互換モードで動作しているIEは、font-sizeプロパティのデフォルト値がsmallになります。(CSSの仕様ではmediumですが)
normalという値を受け付けてmediumよりも少し小さくなっているのではなく、normalというのは無効な値だからfont-size:normalという指定ごと無視されて(無効な値を指定している場合は無視されるのが仕様通り)、デフォルト値のsmallが適用されているだけではないのでしょうか。

投稿者 : 加野瀬 投稿日 : 2003/08/20 01:45

あーなるほど。きちんとした情報ありがとうございます。

この知識、CSSを憶え始めた頃のものなんですが、なんでnomarlという値があると思ったのか、今では思い出せません。うーん。

投稿者 : Corbin 投稿日 : 2006/11/20 11:11

nolan casco tucano bof17 http://miniato.info/forum/90.html
aggiornamento decoder henne tatuaggio http://bindo.info/mondo/24.html
case vacanza privati toscana sci giacca http://girolamo.info/contatto/16.html
assicurazione brusaporto video porno gratis completi http://bindo.info/agenda/24.html
vestito 800 banca cassa di risparmio di tortona http://salvadore.info/diploma/17.html
ufficio taviano bond ipotecario mutuo http://girolamo.info/agenda/3.html
scarpa lavoro statuto cooperativa edilizia http://bindo.info/notizie/26.html
assicurazione leuven prezzo motorola v1050 http://salvadore.info/sommario/40.html
cantina sociale marche incontro muzzano http://miniato.info/oroscopo/43.html
malattia della vite teatro colosseo torino sardegna http://miniato.info/contatto/46.html
druogno campioncini bellezza gratis http://girolamo.info/scuola/47.html
case in affitto marciana marina condizionamento prodotto dietetiche http://lazzero.info/blog/62.html

投稿者 : Emiliano 投稿日 : 2006/11/20 12:10

http://foresta.calabria-kr.info/pagina90.html http://melissa.calabria-kr.com/pagina65.html http://marina-di-strongoli.calabria-kr.info/pagina26.html
http://mesoraca.calabria-kr.org/pagina58.html http://crucoli.calabria-kr.info/pagina67.html http://isola-di-capo-rizzuto.calabria-kr.net/pagina39.html
http://carfizzi.calabria-kr.info/pagina96.html http://castelsilano.calabria-kr.com/pagina91.html http://isola-di-capo-rizzuto.calabria-kr.org/pagina35.html
http://crucoli.calabria-kr.info/pagina51.html http://belvedere-spinello.calabria-kr.net/pagina06.html http://altilia.calabria-kr.info/pagina96.html
http://foresta.calabria-kr.net/pagina97.html http://perticaro.calabria-kr.org/pagina37.html http://perticaro.calabria-kr.org/pagina09.html
http://crucoli.calabria-kr.net/pagina15.html http://castelsilano.calabria-kr.org/pagina29.html http://pallagorio.calabria-kr.info/pagina77.html
http://ciro.calabria-kr.net/pagina28.html http://carfizzi.calabria-kr.com/pagina18.html http://perticaro.calabria-kr.com/pagina25.html
http://carfizzi.calabria-kr.net/pagina79.html http://perticaro.calabria-kr.org/pagina03.html http://cerenzia.calabria-kr.info/pagina34.html
http://filippa.calabria-kr.net/pagina66.html http://melissa.calabria-kr.com/pagina63.html http://foresta.calabria-kr.info/pagina58.html
http://foresta.calabria-kr.info/pagina71.html http://isola-di-capo-rizzuto.calabria-kr.org/pagina36.html http://pallagorio.calabria-kr.info/pagina48.html

TrackBack −この記事に言及したサイト−
Weblog: Noras Tracked: 2003/08/20 13:01
Excerpt: デザイン屋だったら、まだ許せるし、そんなモノだと思う。 ブラウザでのピクセル指定がどんなに見づらいか、分る人は多いと思う。 つーか、ユーザ側でスタイルシートを用意して、<font size="ピクセル固定/ポイント固定">タグを回避することも可能ではあります。(詳細...
Post a comment










※コメントの内容が、「意味がない」「元の記事と関係がない」「他人のプライバシーを侵害している」「他人を中傷している」など問題があると管理人が判断した場合、削除させていただくことがありますので、ご了承ください。
※コメント欄で初めて書き込まれる場合でも、挨拶は必要ありません。
※その他、コメントを書き込む際はこちらの注意をご覧ください。
TrackBack
この記事へのダイレクトリンク

この記事へのTrackBack URL

※spam TrackBackの対策のため、TrackBackのURLは「http://artifact-jp.com/mtcgi/mt-trback765.cgi/xxxx」にしてあります。上記のものとは違いますのでご注意ください。
※TrackBackは削除することもありますので、ご了承ください。
※その他、TrackBackについてはこちらの注意をご覧ください
HomeArchiveWEB技術