Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • これは使える!rem (root em) 単位を使用したフォントサイズの指定 - IT-Walker on hatena
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

86usersがブックマークコメント22

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        これは使える!rem (root em) 単位を使用したフォントサイズの指定 - IT-Walker on hatena

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント22

            • 注目コメント
            • 新着コメント
            uehaj
            “remは、ルート要素(典型的にはhtml要素)に対して相対的なフォントサイズ指定となるので、要素の出現位置に依らず、一定のフォントサイズが期待できます。”

              その他
              ta192
              メモ

              その他
              ymm1x
              この単位知らなかった。メモ

              その他
              hedeyoshi
              remの解説。なんだろうって話になって調べて見たんだけどこれすげー便利!

                その他
                pussyvideo
                emでサイズ指定する時いつも問題になることがあっさり解決できる。ブラウザの対応だけが問題。

                その他
                Falky
                root(html要素)のフォントサイズ基準でemが使える、rem単位。変なフォントサイズが継承されてキーッってなるアレに効果あり。IE9+ //emはemで併用。例えばletter-spacingとかは親要素基準の方が都合がいいのでemを使う、とか

                その他
                fooo
                IE8以前など古いブラウザでは未対応だが、これからはこれを使おう

                その他
                kibitaki
                これは聞いたことなかった。

                その他
                ysk_lucky-star
                最後の意味がよくわからんかった

                その他
                y-kawaz
                便利そう

                その他
                hama_shun
                "html要素でfont-sizeを10pxに指定しているのはポイントとなるテクニックの一つ。こうしておくと1rem=10pxとなり、あとは1.1remは11px、1.6remは16pxなど、remとピクセルの対応関係が非常にわかりやすくなります。"

                その他
                manji6
                これCSSコーディングバリバリの時に知ってれば・・・。em=親要素に対する相対フォントサイズ、rem=root要素に対する相対フォントサイズ

                その他
                muddydixon
                これは便利そうだ

                その他
                AmaiSaeta
                とはいえ今の所Working Draft仕様。

                その他

                注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                リンクを埋め込む

                以下のコードをコピーしてサイトに埋め込むことができます

                プレビュー
                アプリのスクリーンショット
                いまの話題をアプリでチェック!
                • バナー広告なし
                • ミュート機能あり
                • ダークモード搭載
                アプリをダウンロード

                関連記事

                  usersに達しました!

                  さんが1番目にブックマークした記事「これは使える!rem...」が注目されています。

                  気持ちをシェアしよう

                  ツイートする

                  これは使える!rem (root em) 単位を使用したフォントサイズの指定 - IT-Walker on hatena

                  寡聞につき、rem(rootem)なんてフォントサイズの単位があるのを今まで知りませんでした。 ちょっと興味...寡聞につき、rem(rootem)なんてフォントサイズの単位があるのを今まで知りませんでした。 ちょっと興味を持って調べてみたところ、結構使えそうなテクニックだったのでご紹介したいと思います。 rem (rootem) というのは、「ルート要素(典型的にはhtml要素)に対する相対的なフォントサイズの単位」です。 従来のemは、親要素に対して相対的なフォントサイズの単位でした。そのため、要素の出現位置次第でフォントサイズが変わってしまうことも多く、使いにくい場面も多々ありました。 他にもフォントサイズの指定方法には、ピクセル(px)を用いたものがあります。が、特に今は様々なスクリーンサイズを意識しなくてはならない時代。スクリーンサイズの小さいデバイスでは全体的なフォントサイズを同時に大きくしなければならないこともよくありますが、pxを使用していると、メディアクエリなどを使ってあらゆるフ

                  ブックマークしたユーザー

                  • takagitii2017/08/15takagitii
                  • at_kaneko2017/07/10at_kaneko
                  • uehaj2016/10/05uehaj
                  • muraranon2016/09/12muraranon
                  • samemania2016/07/13samemania
                  • tekt2016/05/30tekt
                  • ta1922016/01/07ta192
                  • htomix2015/11/24htomix
                  • miruto2015/10/29miruto
                  • ymm1x2015/04/06ymm1x
                  • h-a-t-e-h-a-t-e-h-a-t-e-n-a2015/02/02h-a-t-e-h-a-t-e-h-a-t-e-n-a
                  • alice_r2014/09/07alice_r
                  • sig2014/03/19sig
                  • satotaka992014/01/23satotaka99
                  • shibatastic2013/12/17shibatastic
                  • saka392013/11/29saka39
                  • hedeyoshi2013/09/13hedeyoshi
                  • aonokaseki2013/07/25aonokaseki
                  すべてのユーザーの
                  詳細を表示します

                  ブックマークしたすべてのユーザー

                  同じサイトの新着

                  同じサイトの新着をもっと読む

                  いま人気の記事

                  いま人気の記事をもっと読む

                  いま人気の記事 - テクノロジー

                  いま人気の記事 - テクノロジーをもっと読む

                  新着記事 - テクノロジー

                  新着記事 - テクノロジーをもっと読む

                  同時期にブックマークされた記事

                  いま人気の記事 - 企業メディア

                  企業メディアをもっと読む

                  はてなブックマーク

                  公式Twitter

                  はてなのサービス

                  • App Storeからダウンロード
                  • Google Playで手に入れよう
                  Copyright © 2005-2025Hatena. All Rights Reserved.
                  設定を変更しましたx

                  [8]ページ先頭

                  ©2009-2025 Movatter.jp