From 77b248fca271f96c41f836c9126357f4154dba3a Mon Sep 17 00:00:00 2001 From: Minoru Sekine Date: Fri, 19 Jul 2024 07:52:03 +0900 Subject: [PATCH] fix: Too small font on phone by responsive design. (#41) --- index.html | 3 ++- nol_tsukumo.css | 43 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 45 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index fc55cac..dbfacf6 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,8 @@ - + + 信長の野望online 九十九の源 計算機 diff --git a/nol_tsukumo.css b/nol_tsukumo.css index 9eba541..af98182 100644 --- a/nol_tsukumo.css +++ b/nol_tsukumo.css @@ -1,3 +1,45 @@ +body{ + font-size: 1em +} + +@media screen and (width <= 768px){ + body{ + font-size: 3vw + } +} + +h1{ + font-size: 180% +} + +h2{ + font-size: 150% +} + +h3{ + font-size: 125% +} + +p{ + font-size: 100% +} + +li{ + font-size: 100% +} + +input{ + font-size: 100% +} + +select{ + font-size: 100% +} + +button{ + font-size: 100% +} + p.in-to-out-arrow { text-indent: 4em } @@ -5,6 +47,7 @@ p.in-to-out-arrow { span.input{ display: inline-block; width: 8em + font-size: 100% } span.target{