CSSで動的にサイズが変わるフォントを指定 - QiitaViewの大きさに合わせて動的にフォントサイズを変更する 調べても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
