ベストアンサー emやpx 2015/04/25 08:12 サイズの単位にemやpxが有りますが 文字のサイズを指定する場合は、どちらを使えばいいでしょうか？ ｐｘは画像ファイルなどでしょうか？ みんなの回答 （1） 専門家の回答 質問者が選んだベストアンサー ベストアンサー celtis ベストアンサー率70% (2360/3336) 2015/04/26 08:28 回答No.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/ 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ [技術者向] コンピュータープログラミング・開発HTML 関連するQ&A pxとemとどちらがいいのでしょうか？ スタイルシートで文字のサイズを指定する際は pxとemとどちらがいいのでしょうか？ pxからemへの変換に関して サイトを構築する際に、単位としてpxを利用してきました。フォントサイズは%を利用しています。 今後リキッドレイアウト、もしくはエラスティックレイアウトに移行したいと思います。 その際に、単位としてemを利用すると思いますが、pxからemへの数値変換方法が良く分かりません。 計算方法もしくは、変換ツールが有れば紹介して頂きたいと思います。 検索した際に「Em Calculator」と言うツールがあるみたいですが、今はサイトが存在しないみたいです。 何かヒントでも有ればと思います。 横方向は文字数と言うことで、イメージが出来るのですが、高さ方向の数字を取得する悩んでいます。 もしかすると高さを指定することが間違い？？ 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; } としました。 すると、すべてのフォントサイズが同じになりました。 それぞれのヘディングが倍のサイズになると思っていたのですが、なぜこうなってしまったのでしょうか？ また、マージンのサイズ、パッデイングのサイズを視覚的に確認したいのですが、どうすればいいのでしょうか？ ネットワークエンジニアとは？技術職の未来を考える OKWAVE コラム pxタグは、使わない方が良い？ 質問が4つありまして、 私は、HTMLとCSSのWEBデザインについては、初心者なのですが、 １つ目は、 pxタグを使ってフォントサイズを指定すると 最大解像度が2倍違うとモニターサイズが同じ大きさの場合、文字の大きさも2倍になるのでしょうか？ 2つ目は、一般的に、pxタグは、使わないでemや%を使った方が良いかどうか。 3つ目は、remを使った場合、 古いIEブラウザなど対応していない場合どうなるでしょうか。 4つ目は、remは使わない方が良いのでしょうか。 font-size emと%の違い いつもお世話になっています。 早速ですがcssでfont-sizeを指定する場合、emと%の違いを教えて頂きたいのです。 ぶっちゃけて言えばemと%、どちらで指定するのがいいのでしょうか？ 自分なりに調べてみたところ、emは親要素のフォントサイズを1とした相対指定、%は親要素のフォントサイズを100%とした相対指定とありましたが、それなら全く違いはないと考えていいのでしょうか？ IEだと違って見えるという情報もありましたが、これはかなり古い情報ですので現在では改善されているのでしょうか？ 文字コードによって違いが出るという話も聞きましたが、本当でしょうか？ ちなみに今はUTF-8で作成しています。 どうも明確な違いというのがイマイチよく分かりません。 現在使用されているブラウザでUTF-8のサイトを見た場合なら、どちらが向いているのか教えて下さい。 よろしくお願いします。 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" } 変な書き方ですが、意図を汲み取っていただけるでしょうか。 このように指定出来れば、かなり省力化出来るように思います。方法があればぜひお教え下さい。 フォントサイズをemで指定すると太字になってしまう。 CSSで たとえば、 font-size:1.2em; と指定し、ブラウザ（ＩＥ６）で表示させます。 ブラウザの文字サイズが「中」のときは 問題ないのですが、「最大」にすると その文字が太字になっているのですがどうしてですか？太字にしたくないのです。 また、0.9emにして、「最小」表示させると ごま粒みたいな文字になってほとんど判読不可能です。 「最小」から「最大」まで変えても、きちんと読める ＨＰにしたいと思っていますが、 いまはしょうがないのでfont-sizeは指定していません。 emがうまく使いこなせません。 こんなことで悩んでいるのは自分だけでしょうか。 cssで文字サイズ指定、ptでもpxでも指定できますが、違いは？ CSS初心者です。初歩的ですが、教えてください。 文字サイズの指定の単位はいろいろあるみたいですが、 皆様はどの単位を使っていますか？ 例えば、ptとpxどちらも結構細かくサイズを指定できますが、 どちらかを選ぶ理由がいまのところありません。 どちらを何故使うのか、違いはあるのか・・・？ よろしくお願いします。 HPを作る際に文字のサイズの単位は何が良いの HPを作る際に文字のサイズの単位は何が良いのでしょうか? emやpxが有りますが どれがベストですか? 単位の種類は何を基準に決めればいいでしょうか？ ｈｔｍｌでサイトを作る際の単位の種類は何を基準に決めればいいでしょうか？ emやpxや％などいろいろありますが、 どうやって使い分けしていけばいいでしょうか？ 画像ならｐｘ、 文字ならem など、基準があれば教えてください。 HP閲覧でフォントサイズを大にしたら0.9emの方が1.0emより大きく見えます 私のホームページでは外部CSSでフォントを1emと指定しています。 本文の中で注釈をつけていて、その部分ではインラインCSSで<span style="font-size:0.9em;">と少し小さくしています。 通常私自身のIE設定は文字のサイズを中にしているのですが、ある時閲覧サイズを大にしてみました。すると少し小さい筈の注釈部分が逆に本文のフォントサイズより大きくなって見えます。 フォントを全てピクセル指定すれば比率は維持出来るはずですが、エム指定は続けたいのです。 相対指定をしたままで文字サイズに拘わらず注釈部分をすこし小さく見せる為にはどうしたら良いでしょうか。よろしくお願いします。 font-size: 0.1emの意味は？ movable typeでブログを立ち上げようと思っています。 cssを書き換えているんですが、「font-size: 0.1em」の意味はわからなくて困っています。 「font-size: ○px」とはどう違うのでしょうか？ フォントサイズをより小さくするにはどうしたらよいのでしょうか？ AIは使う人の年齢や市場にも影響する？人工知能の可能性 OKWAVE コラム テーブルの横幅が絶対に変わらないようにしたい。 現在CSSのプログラミングをしています。htmlでは本来テーブルをレイアウト目的に使ってはいけないそうなので、<div>で文章を囲んでCSS側でborder指定で似たような表現をしています。位置はpositionで。 文字サイズを指定する際、今まではpt単位でやってたのですが、ユーザーが文字サイズを変えられるようem単位に変更しました。 それをブラウザ上でチェック（文字サイズを最大に）したところ、border内の文字列（大きさをemで指定）が大きくなってborderの横幅を押し広げてしまいました。これが起こらないよう、横幅が絶対に変わらないようにするにはどうしたら良いのでしょうか？widthをpxで指定してもダメでした。調べてみたところ、tableでも同じような状態になりました。 1つ解決策としてスペーサーgifを使う方法を見つけたのですが、なんかそれは素人技っぽくてできれば使いたくないのです。プロのデザイナーさんはそういうの塚使わないでしょうしね。 CSSでfont-size、pxの絶対値、相対値に CSSでfont-sizeを指定するとき、font-sizeを継承する相対値と絶対値があり、%やemが相対値なのは分かりますが、pxはどちらになりますか？絶対値だと思っていたのですが、相対値と書かれているものをちらほら見たので気になりました。 cssで最適なfont-sizeの指定は？ （ブログのカスタマイズ初心者です。過去ログを探しても見つからなかったので、質問させて下さい） cssでのfont-sizeの記述は、どのような形が最適でしょうか？ px, em, ％, mediamやsmall、その他、単位が色々あって、迷ってしまいます。 pxで指定するのが一般的な気がしますが、IEで文字サイズを変えた時に、変わらないのが不便な気がします。 body {font-size: small; line-height: 160%; } のような形が良いように思いますが、あまり見かけません。 皆様は、どのようにしていらっしゃるのか、教えて頂けたらと思います。 よろしくお願い致します。 EM_GETSELメッセージについて。 質問タイトルのようにEM_GETSELメッセージについての質問です。 カーソルで選択されている文字列の最初の位置と最後の位置を調査するため SendMessage(hEdit, EM_GETSEL, (WPARAM)&Start, (LPARAM)&End); このように記述しました。 ここで、例えば検索文字列内にカーソルのついた文字列がない場合にはStart、Endの値は何が格納されるのでしょう？ 初期値を指定した場合はその値のままなのでしょうか？ それとも見つからない場合は何か返り値が発生するのでしょうか？ ご教授よろしくお願いします。 cssでの文字の設定 HPを作る際、全体的な文字の設定はどのくらいにするのがベストだと思いますか？ 以前はpx指定をしてましたが、ユーザービリィティー/アクシビリティーを考えると %指定かem指定になると思うんですけど、%指定なら80%,em指定なら0.8emあたりが ベストなんでしょうか？ またcssで記入する際は、bodyの要素に指定したほうがいいでしょうか？ よろしくお願いします。 例 body { font-size:指定したい値; } テーブルの下に余白を100px作りたいです。 cssで table[summary="test"] { font-size: 0.8em; padding: 0px 0px 100px; } としてるのに、 padding: 0px 0px 100px; だけ適用されないのですが、何故でしょうか？ テーブルの下に余白を100px作りたいです。 エラスティックレイアウトがうまくいきません。 エラスティックレイアウトがうまくいきません。 横幅をemでサイズ指定しています。 うまくいかないのはIE6です。 ctrlキー + ホイールで文字サイズを小さくすると、 限りなく小さくなっていき、<img>タグで挿入してある画像（px指定）より 小さくなるとカラム落ちします。（当たり前ですが・・・） firefoxはmin-widthが指定できるので問題ありませんが、 IE6ではどう設定すればいいのかわかりません。 イメージはyahooみたいなエラスティックレイアウトです。 なにか良い方法があれば教えてください。 よろしくお願いします。 cssの文字の単位について。 文字指定の単位はたくさんあります。 『cm』『mm』『in』『pt』『pc』『em』『ex』『px』『%』 と、こんなに色々あります。 それで、どれを使うのが一番良いのかが知りたいのです！ 私は今まで『px』を使ってきました。 でも、『px』は使わない方が良いという記事を見ました！ どのブラウザでもOSでも問題なく見れて、使いやすいのはいったいどれなのでしょう？ ご意見または参考サイトなど教えていただければ幸いです。 注目のQ&A 「You」や「I」が入った曲といえば？ Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市（長野県）在住でスキーやスノボをする方の用具 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他（プログラミング・開発） カテゴリ一覧を見る OKWAVE コラム 突然のトラブル？プリンター・メール・LINE編 携帯料金を賢く見直す！格安SIMと端末選びのポイントは？ 友達って必要？友情って何だろう 大震災時の現実とは？私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ！負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる！ OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
