- ベストアンサー
cssの文字の単位について。
文字指定の単位はたくさんあります。 『cm』『mm』『in』『pt』『pc』『em』『ex』『px』『%』 と、こんなに色々あります。 それで、どれを使うのが一番良いのかが知りたいのです! 私は今まで『px』を使ってきました。 でも、『px』は使わない方が良いという記事を見ました! どのブラウザでもOSでも問題なく見れて、使いやすいのはいったいどれなのでしょう? ご意見または参考サイトなど教えていただければ幸いです。
- shima1231
- お礼率31% (10/32)
- その他([技術者向] コンピューター)
- 回答数2
- ありがとう数0
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
扱いやすいというなら「px」等のサイズを明確にしていできる単位です。 どのブラウザでも指定したサイズで表示されるので、作成者が意図した通りのデザインで見せる事ができます。 見る側では12pxとかの小さいサイズで指定されると読みにくく感じる人も多く出てきます。 特にIEでは○px等と指定されると、見る側で文字のサイズを変更できなくなってしまいます。 「em」や「%」だと親要素の文字サイズに対して、何%という指定なので、見る側でサイズを自由に出来ます。 大きめに設定している人は大きな文字で、小さくしている人は小さな文字でと。 <span style="font-size:120%;">少し大きめ(120%)</span> <span style="font-size: 0.5em;">小さめ(半分の大きさ)</span> 当然ながら、ブラウザによって文字のサイズが相対的に変化するので、完全に思い通りのデザインを再現する事は難しくなりっます。 どうしても文字サイズを固定したい所は「px」で、それ以外は「%」か「em」で指定するがいいと思いますよ。 http://www2.plala.or.jp/Cool/okite/red08.html cm、mm、inは印刷用のスタイルシートでなら使う事もあるだろうけど、画面上で表示するなら使わないでしょね。 解像度(dpi)の設定を正確にしているブラウザ少ないでしょうからね。 1cmと指定しても画面上で1cm角で表示されることは稀です。 http://rinrin.saiin.net/~aor/hms/reso どのブラウザもデザインも全て同じに見せようと思ったら、Flashにするか画像にするしかないですけどね。
その他の回答 (1)
私は文字サイズには「%」を使っています。「em」を使う人も多いです。 pxだとユーザが文字サイズを変更することができないので、ユーザビリティの観点からは好ましくないですね。 参考ページを貼っておきます。
関連するQ&A
- CSSでの大きさの単位について
またまた、お世話になります。 フォントサイズの指定をどの単位にしたら良いか迷っています。 emについて調べると、 親要素のフォントの大きさを 1 とする単位 と書かれていたり、 その範囲で有効なフォントの高さを1とする単位 などと書かれています。 ブラウザの文字設定や解像度などで変わることは何となくわかったのですが、この単位ですと、作成時に大きさがつかめないことはないのでしょうか? また、%はどうなのでしょうか? 他の基準となる大きさに対する割合 と書かれていました。 他の基準というのは、そのページ内の他の文字ということでしょうか? 基準となる文字は何なのでしょうか? 説明の後に(基準はそれぞれ異なります)とあります。 あるページで、違いも確認しましたが、はっきり『こうなんだ』とは理解できませんでした。 どのようなパソコンでも、ほぼ同じように見えるようにするには、どの単位を使うのがいいのでしょうか? 現在は、HTMLのフォントサイズを使ったり、CSSではptを使っています。 皆さんのご意見、アドバイスなどお聞かせ下さい。よろしくお願い致します。
- ベストアンサー
- その他(プログラミング・開発)
- CSSで一般的でSEOに有効な値(単位)は?
お世話になります。初めて質問させていただきます。 CSSで使う「font-size」や「margin-top」等の属性の値(単位)は「em」「pt」「px」等、色々ありますが・・・ 【例1】 H1{ font-size: 12px; 【例2】 H1{ font-size: 12pt; 【例3】 H1{ font-size: 1em; 上記以外にも色々と値(単位)が有りますが、どれが一般的でSEOに有効ですか?(H1に限りません) また、CSSでの各種の属性に有効な値等が説明してあるHPなどありますか? 教えて下さい。よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- cssで文字サイズ指定、ptでもpxでも指定できますが、違いは?
CSS初心者です。初歩的ですが、教えてください。 文字サイズの指定の単位はいろいろあるみたいですが、 皆様はどの単位を使っていますか? 例えば、ptとpxどちらも結構細かくサイズを指定できますが、 どちらかを選ぶ理由がいまのところありません。 どちらを何故使うのか、違いはあるのか・・・? よろしくお願いします。
- ベストアンサー
- HTML
- CSSで設定する文字の大きさについて
DreamWeaverを利用してウェブサイトを作っています。 文字の大きさのところで大きさ、0.9em 高さ1.5emで作っていたのですが、知人から「ブラウザの文字サイズを小にすると全く見えない」と指摘を受けました。確か他の人から何かの設定をするとブラウザの文字サイズを小にしても文字がそこまで小さくならない(Yahoo!のような感じです)と聞いたのですが、%、exsで指定してもブラウザの文字サイズが小さいと文字がやたらと小さくなります。フォントサイズの指定はポリシーで設定したくないのですが、どういう手立てがあるでしょうか。CSSの本を読んでもかいていないのです・・・。友達がブラウザの文字サイズを中にする、という答え以外で宜しくお願いいたします。
- ベストアンサー
- HTML
- cssでの文字の設定
HPを作る際、全体的な文字の設定はどのくらいにするのがベストだと思いますか? 以前はpx指定をしてましたが、ユーザービリィティー/アクシビリティーを考えると %指定かem指定になると思うんですけど、%指定なら80%,em指定なら0.8emあたりが ベストなんでしょうか? またcssで記入する際は、bodyの要素に指定したほうがいいでしょうか? よろしくお願いします。 例 body { font-size:指定したい値; }
- ベストアンサー
- HTML
- CSSで文字指定:あるセレクタで指定した値を他のセレクタへ継承させることは出来ますか?
文字サイズをCSSで指定する方法についての質問です。 同一の文字サイズ指定でも、OS・ブラウザ間で表示にギャップがあります。 そのギャップを調整するために、JavaScriptを使用して OS・ブラウザごとにそれぞれ異なった外部CSSファイルを読み込むようにしています。 macintosh.css windows.css windowsIE.css ...このような振り分けCSSファイルでそれぞれ文字サイズ指定をしています。 CSSファイルの中身は、 macintosh.css .small { font-size: 10px; } /* 小さめ */ .middle { font-size: 12px; } /* 中くらい */ .large { font-size: 14px; } /* 大きめ */ windowsIE.css .small { font-size: 0.8em; } /* 小さめ */ .middle { font-size: 0.9em; } /* 中くらい */ .large { font-size: 1em; } /* 大きめ */ ...といった具合です。 このやり方では、h2の文字サイズを全て中くらいの大きさに指定したい場合、 全てのh2タグに <h2 class="middle"> と記述することになってしまいます。 これは煩雑なので一括指定したいと考えます。 すぐ思いつく方法は、振り分けCSSファイルにh2の文字指定も含めることです。 macintosh.css h2 { font-size: 12px; } windowsIE.css h2 { font-size: 0.9em; } ...のようなことです。 そうではなく、h2に .middle(=中くらい)で指定した文字サイズをそのまま受け継がせる方法はないでしょうか? h2 { class="middle" } 変な書き方ですが、意図を汲み取っていただけるでしょうか。 このように指定出来れば、かなり省力化出来るように思います。方法があればぜひお教え下さい。
- ベストアンサー
- HTML
- 単位の種類は何を基準に決めればいいでしょうか?
htmlでサイトを作る際の単位の種類は何を基準に決めればいいでしょうか? emやpxや%などいろいろありますが、 どうやって使い分けしていけばいいでしょうか? 画像ならpx、 文字ならem など、基準があれば教えてください。
- 締切済み
- HTML
- CSSを使った相対単位の指定方法を教えていただけますか?
今までpxなどの固定幅でしかサイトを作ったことが無かったのですが、今回、%でサイトを作っていこうと思います。 色々とお伺いしたいことは有るのですが・・・。 何個か聞いても良いですか? 質問1 文字などの単位は何で指定したら良いですか?以前は12pxとかで指定していましたが、枠だけ%で文字はpxって何か変かな?と思っています。 通常こういった相対的なサイトを作る場合、どんな単位で指定されますか? 質問2 現在CSSで3カラムをやっとこ作りました。大まかに左から30%・50%・20%といった感じで、うまく表示されているのですが、画面の端っこをつまんで表示を小さくしたら、カラムごと移動してしまいます。 一番小さく画面をしたら、全部左側のカラムの下に移動して、縦一列の1カラムのようになってしまいます。文字は仕方ないかと思うのですが、BOXごと移動は少し変なので、これを固定するにはどうしたら良いでしょうか?? 色々質問してすみません・・・。1つでも結構ですのでお分かりになる方いらっしゃいましたら、アドバイスお願いします! また、相対的な単位でもサイト構成で注意事項などあれば、ご指摘いただければ幸いです。 どうぞ宜しくお願いいたします。
- ベストアンサー
- HTML
- 12ptと12pxの違いですが、12ptが、cm等の長さの単位と同じで
12ptと12pxの違いですが、12ptが、cm等の長さの単位と同じで絶対値であるのに対して、12pxは画面の解像度によってその長さが変わる相対値だとわかりました。 で、質問なのですが、Webページで文字の大きさをユーザーが自由に変えられるページと変えられないページがありますが、それは作者が文字のサイズをptで設定しているかpxで設定しているかの違いという理解であっているでしょうか?
- ベストアンサー
- その他MS Office製品