Design【9999】フォントサイズ(font-size)の単位は「rem」と「px」で設定2017年04月23日WordPressコメント本ブログで適用している「Frontier」において、フォントサイズ(font-size)を指定するために、「px」と「rem」を標準で利用しています。私個人は、他のブログでは「px」を利用していましたが、「rem」って単位を知りませんでしたが、ちょっとネットを調べれば・・・とっても参考になる公開記事を見つけたので、以下に引用しておきます。(中略)「rem」では常にルート(またはhtml要素)に相対的となります。要素にフォントのサイズを一つ定義し、すべての子要素を「rem」で定義することができます。文字のサイズを変更することをサポートするということです。※Opera(11.10現在)では、「rem」をサポートしていません。ページのズームがあり、「px」を使用してもサイズを変えることができます。これを活用し、最初に「px」で定義し、次に「rem」で再び定義します。コリス」よりなるほど!「CSS3」で「rem」という単位が提唱されたんですね!また、上記から「px」と「rem」を定義しておけば、全てのブラウザーでカバーされるようです。本ブログでは「16px」をベースにします。よって、以下のように定義することにします。}最近は、老眼が進んで大きめのフォントが好みです。標準で「16px」であれば、読めるし(見えるし)なかなか良い感じ(あくまでも、自己満足ですが・・・)。「px」と「rem」を定義するために、とっても素晴らしいサイトを見つけたので、リンクを貼っておきます。上記のサイトを利用すれば、「px」を定義して、更に「rem」w計算してくれるので、とっても便利です。参考までに、利用しそうな「px」と「rem」をリストしておきます。気楽にコメントして頂けますように!コメントは承認後の公開です。*次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。個人のためのブログで、手書きメモである「システム手帳」を「ブログの投稿記事」として補強する目的で運用しています。よって、本ブログを閲覧して頂く方々を考えての内容になっていませんことを御了承頂きたいと思います(更に詳細を読む)本ブログ「ZEROのメモ}は「にほんブログ村」のブログランキングに参加しています。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。