人と人をつなぐコミュニケーションをもっと世の中に。それが私達が行うこと。-【HTML・CSS】文字サイズを可変にするなないろ研究所では日々、様々なことをリサーチし、実験しています。コミュニケーションの流通をお手伝いするために、日々様々なリサーチを行い、分析し、時に実験しております。そんな日々の活動内容においてログをつけております。このような情報共有が、我々が考えるコミュニケーションの一つの形です。使いやすく実装こんにちは、なないろフロントエンドプログラマーのTです。スマートフォンの画面サイズによって文章の改行位置が変わる現象を回避するため、文字サイズを可変にする設定を実装してみようと思います。font-size:3.6vw;}このようにfont-sizeの値にvwを使えば文字は可変になります。このままだとレスポンシブ対応する場合、パソコン表示とスマートフォン表示の値をすべて変更する必要があります。それは不便なので使いやすいように実装してみます。font-size:1rem;}このようにするとhtmlタグのフォントサイズを変更するだけでパソコンとスマートフォンの値を分けることができ、タブレットも切り分ける場合メディアクエリを追加するだけで可能です。サイズを変更するには「0.9rem」や「1.5rem」などとします。この場合htmlタグ以外のfont-sizeの値はすべて「rem」を使わないと意味が無くなってしまいます。株式会社なないろです。各種CMS、企業サイト、キャンペーンサイト、顧客管理システム、IoTシステムなど幅広いITソリューションを優良なデザインとUIで、SEOソリューションをあわせてお客様の目標達成を行う企業です。カスタム投稿でDuplica...ContactForm7で自分で作ったショートコ...アプリ(1件)Android設定変更アプリサーバー(5件)サーバ管理ソフト(コントロールパネル)一覧...Webサイト公開後にチェックすべきツール。