emは、直近の親要素を基準とした相対指定なので、HTML要素の階層が深まるにつれて扱いづらくなります。それに対して、remは、常にroot要素(html要素)を基準としているので扱いやすいです。remはIE8でサポートされていません。今までremを利用しなかった人も多いかと思います。マイクロソフトのIE8のサポートは終了しました。今後は頻繁に利用されていくのかと思います。フォントサイズにはremがおすすめPCやスマホなど、デバイスごとに適切なフォントサイズは異なります。pxやemで指定するとデバイスごとのフォントサイズ調整が面倒ですが、remを使用するとベースフォントだけ変更すればよいのでおすすめです。文章のフォントサイズの目安ですが、パソコンだと16pxぐらいは最低必要かと思います。スマホだと手に持って近くで見るため14pxぐらいあればいいのかなと思います。内では下記のように設定されていました。!default;ベースフォントを10pxにするとremの計算が楽デフォルトのベースフォントサイズは16pxです。そのため、pxのサイズを考えながらremを指定するのが面倒です。そこで、ベースフォーントサイズを62.5%にします。}するとベースフォントが10pxになるので、下記のようにpxとの対応関係が分かりやすくなります。「bootstrap-4.0.0-alpha」だとベースフォントサイズが16pxです。16pxをもとにremが設定されているため、ベースフォントサイズの変更は避けたいところです。このように、デフォルトの16pxのままremを利用したい場合には、sassのmixinを利用すると良いかと思います。1rem;}20pxの大きさになるようにremを指定したい場合、上記mixinを利用して、fontsize(20)とすれば、1.25remが設定されます。1.25」で20pxになります。【MathML】数式をWebに載せる方法hreflangで多言語サイトのSEO対策わくわくBank.技術系の記事を中心に、役に立つと思ったこと、整理したい情報などを掲載しています。