エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSで動的にサイズが変わるフォントを指定 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSで動的にサイズが変わるフォントを指定 - Qiita
Viewの大きさに合わせて動的にフォントサイズを変更する 調べてもemやremばかり出て発狂したのでメモ。 ... Viewの大きさに合わせて動的にフォントサイズを変更する 調べてもemやremばかり出て発狂したのでメモ。 結論から言うと、使うのはvw(ViewportWidth)とvh(ViewportHeight)。 それぞれ画面の横幅、縦幅に合わせて変化する。 例えばfont-size{5vw;}とすれば横幅の5%、font-size{5vh;}とすれば縦幅の5%の値になる。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>可変フォント</title> <style type="text/css" media="screen"> html { height: 100%; width: 100%; font-size: 62.5%; } body { font-size: 1.4em; } p#vw { fo