[CSS,rem,Sass]remとか言う単位とSassで思い通りのfont-sizeライフを送ればいいと思うの。Ver2.1.1オレだけ分かってればいいWebメモHOMEこのサイトについて連絡してみるサイトマップホームWEBcss[CSS,rem,Sass]remとか言う単位とSassで思い通りのfont-sizeライフを送ればいいと思うの。Compassremと聞くとレム睡眠しか思い浮かびません。体は眠っているのに脳は活発に稼働しているだなんてニンゲンの神秘を感じてしまいますが、今回はそういう話でなくて、ただの単位です。単位としてのremです。em)とはroot要素(一般的にhtmlやbody)のサイズに対する相対的なサイズの単位です。3</li></ul>上記にようなリストの入れ子があったとします。1.5em;}CSSはこんな感じで書いたとしましょう。10px)としています。15px)となります。22.5px)になってしまいます。15px)となります。!なんて便利!しかしブラウザの問題が・・・remという単位はIE9+です。1.5rem;}という風に、フォントサイズ15pxを宣言しておいてremをサポートするブラウザだけ1.5remで上書きするといった方法を取るのが一般的だと思います。いうことでSassでこれをやってみましょう。1.5rem;}という感じremという@mixinを作って変数でそのままpxを付けたものと10で割ってremを付けたものを出力しています。この@mixinを1つ作っておけば使い回しができて便利ですね。まとめ今回はremからの@mixinでした。関連記事[JavaScript,CSS,WordPress]WordPressの案件でエンドユーザーがtableを使用するときのためにやっていることWP案件あるあるネタを。WordPressの案件で納品後、お客様が編集する際に表を利用するときの対応方法をひとネタ書きたいと...記事を読む[css,css3,table]レスポンシブデザインでのテーブル(table)の扱いをまとめてみたレスポンシブデザインで困るのがテーブル(table)ですよね。処理しようか迷うところです。今回はテーブル(table)を...記事を読む[CSS]classもidもないtableにcssを当てる簡単なお仕事です。先日Excelから表をコピーしてきてWordPressに貼り付けて、そのtableに色を付けたいという「アイデア出せやコラ」っていう脅迫...記事を読む[CSS]擬似クラス:first-letterでドロップキャップ今回も紙面デザイン的WEBデザイン。擬似クラス:first-letterを使ったドロップキャップの3分クッキング。Numbers」を使っている方も少なくないはず。...記事を読む[お知らせ]レバテックキャリア様の「Web制作向けエディタのレビューまとめ」に掲載されました新年あけましておめでとうございます。今年の抱負は「テキトー」もしくは「テキトゥー」の下山です。何事も頑...記事を読む[CSS3]border-radiusほぼ最終まとめ(IE対応)border-radiusこれなしではサイト制作はできないぐらい多用している日々でございます。ベンダープレフィックスもいらなくなったとこ...記事を読む[CSS]奇数とか偶数とかn番目とか忘れてしまうのでメモ。tableで交互に色つけてーとかn番目の要素だけ背景色変えてーとか、よく忘れます・・・歳ですもん。CSS」でステキサイトマップそういえば鹿児島は梅雨入りしました下山です。Sitemap...記事を読むスポンサーリンク[Sass,@extend]Sassの@extendの使い方。