- ベストアンサー
emやpx
サイズの単位にemやpxが有りますが 文字のサイズを指定する場合は、どちらを使えばいいでしょうか? pxは画像ファイルなどでしょうか?
- YUOBYDNJURU
- お礼率90% (47/52)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
古いIEではpx指定だと拡大できないという問題がありました。 しかし現在では改善されたので、emやpxどちらでも構わないと言ってもいいでしょう。 ただしemは要素の親子関係にしたがって、効果が重複してしまうという難点があります。 http://coliss.com/articles/build-websites/operation/css/font-size-with-rem-by-snook-ca.html なのでremを使うという流れになってきているようです。 http://ideahacker.net/2014/02/12/7486/
関連するQ&A
- pxからemへの変換に関して
サイトを構築する際に、単位としてpxを利用してきました。フォントサイズは%を利用しています。 今後リキッドレイアウト、もしくはエラスティックレイアウトに移行したいと思います。 その際に、単位としてemを利用すると思いますが、pxからemへの数値変換方法が良く分かりません。 計算方法もしくは、変換ツールが有れば紹介して頂きたいと思います。 検索した際に「Em Calculator」と言うツールがあるみたいですが、今はサイトが存在しないみたいです。 何かヒントでも有ればと思います。 横方向は文字数と言うことで、イメージが出来るのですが、高さ方向の数字を取得する悩んでいます。 もしかすると高さを指定することが間違い??
- ベストアンサー
- CSS
- CSS) emでのサイズ指定
CSS初心者です。 何のサイズをem単位で指定できるのか調べたくて、適当に h1,h2,h3,h4,p { font-size: 2em; margin: 1em; padding: 1em; margin-border: 1px; border-color: #000000; ligh-height: 1em; border-width: 1px; } としました。 すると、すべてのフォントサイズが同じになりました。 それぞれのヘディングが倍のサイズになると思っていたのですが、なぜこうなってしまったのでしょうか? また、マージンのサイズ、パッデイングのサイズを視覚的に確認したいのですが、どうすればいいのでしょうか?
- ベストアンサー
- CSS
- pxタグは、使わない方が良い?
質問が4つありまして、 私は、HTMLとCSSのWEBデザインについては、初心者なのですが、 1つ目は、 pxタグを使ってフォントサイズを指定すると 最大解像度が2倍違うとモニターサイズが同じ大きさの場合、文字の大きさも2倍になるのでしょうか? 2つ目は、一般的に、pxタグは、使わないでemや%を使った方が良いかどうか。 3つ目は、remを使った場合、 古いIEブラウザなど対応していない場合どうなるでしょうか。 4つ目は、remは使わない方が良いのでしょうか。
- ベストアンサー
- HTML
- font-size emと%の違い
いつもお世話になっています。 早速ですがcssでfont-sizeを指定する場合、emと%の違いを教えて頂きたいのです。 ぶっちゃけて言えばemと%、どちらで指定するのがいいのでしょうか? 自分なりに調べてみたところ、emは親要素のフォントサイズを1とした相対指定、%は親要素のフォントサイズを100%とした相対指定とありましたが、それなら全く違いはないと考えていいのでしょうか? IEだと違って見えるという情報もありましたが、これはかなり古い情報ですので現在では改善されているのでしょうか? 文字コードによって違いが出るという話も聞きましたが、本当でしょうか? ちなみに今はUTF-8で作成しています。 どうも明確な違いというのがイマイチよく分かりません。 現在使用されているブラウザでUTF-8のサイトを見た場合なら、どちらが向いているのか教えて下さい。 よろしくお願いします。
- ベストアンサー
- 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
- フォントサイズをemで指定すると太字になってしまう。
CSSで たとえば、 font-size:1.2em; と指定し、ブラウザ(IE6)で表示させます。 ブラウザの文字サイズが「中」のときは 問題ないのですが、「最大」にすると その文字が太字になっているのですがどうしてですか?太字にしたくないのです。 また、0.9emにして、「最小」表示させると ごま粒みたいな文字になってほとんど判読不可能です。 「最小」から「最大」まで変えても、きちんと読める HPにしたいと思っていますが、 いまはしょうがないのでfont-sizeは指定していません。 emがうまく使いこなせません。 こんなことで悩んでいるのは自分だけでしょうか。
- ベストアンサー
- HTML
- cssで文字サイズ指定、ptでもpxでも指定できますが、違いは?
CSS初心者です。初歩的ですが、教えてください。 文字サイズの指定の単位はいろいろあるみたいですが、 皆様はどの単位を使っていますか? 例えば、ptとpxどちらも結構細かくサイズを指定できますが、 どちらかを選ぶ理由がいまのところありません。 どちらを何故使うのか、違いはあるのか・・・? よろしくお願いします。
- ベストアンサー
- HTML
- 単位の種類は何を基準に決めればいいでしょうか?
htmlでサイトを作る際の単位の種類は何を基準に決めればいいでしょうか? emやpxや%などいろいろありますが、 どうやって使い分けしていけばいいでしょうか? 画像ならpx、 文字ならem など、基準があれば教えてください。
- 締切済み
- HTML