Skip to content

Commit

Permalink
fix: Too small font on phone by responsive design. (#41)
Browse files Browse the repository at this point in the history
  • Loading branch information
MinoruSekine committed Jul 18, 2024
1 parent 19464c4 commit 77b248f
Show file tree
Hide file tree
Showing 2 changed files with 45 additions and 1 deletion.
3 changes: 2 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,8 @@
<html lang="ja">
<head>
<meta charset="UTF-8">
<link href="nol_tsukumo.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="nol_tsukumo.css" rel="stylesheet" media="screen" />
<script src="./nol_tsukumo.js"></script>
<title>信長の野望online 九十九の源 計算機</title>
</head>
Expand Down
43 changes: 43 additions & 0 deletions nol_tsukumo.css
Original file line number Diff line number Diff line change
@@ -1,10 +1,53 @@
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
}

span.input{
display: inline-block;
width: 8em
font-size: 100%
}

span.target{
Expand Down

0 comments on commit 77b248f

Please sign in to comment.