Browse Source

Tweak zoom (the fourth?)

pull/1/head
Czarlie 9 months ago
parent
commit
47f3681c60
2 changed files with 13 additions and 13 deletions
  1. +7
    -7
      main.css
  2. +6
    -6
      old/main.css

+ 7
- 7
main.css View File

@@ -110,7 +110,7 @@ body, html {
width: 100%;

font-family: 'Bitter', serif;
font-size: 90%;
font-size: 95%;

scroll-behavior: smooth;
}
@@ -214,42 +214,42 @@ img {
}


@media (max-width: 800px), (max-width: 850px) and (max-height: 1000px), (max-height: 850px)) {
@media (max-width: 800px), (max-width: 850px) and (max-height: 1100px), (max-height: 1050px)) {
:root {
font-size: 90%;
}
}


@media (max-width: 700px), (max-width: 750px) and (max-height: 900px), (max-height: 750px) {
@media (max-width: 700px), (max-width: 750px) and (max-height: 1000px), (max-height: 950px) {
:root {
font-size: 80%;
}
}


@media (max-width: 600px), (max-width: 650px) and (max-height: 800px), (max-height: 650px) {
@media (max-width: 600px), (max-width: 650px) and (max-height: 900px), (max-height: 850px) {
:root {
font-size: 70%;
}
}


@media (max-width: 500px), (max-width: 550px) and (max-height: 700px), (max-height: 550px) {
@media (max-width: 500px), (max-width: 550px) and (max-height: 800px), (max-height: 750px) {
:root {
font-size: 60%;
}
}


@media (max-width: 400px), (max-width: 450px) and (max-height: 650px), (max-height: 500px) {
@media (max-width: 400px), (max-width: 450px) and (max-height: 750px), (max-height: 650px) {
:root {
font-size: 50%;
}
}


@media (max-width: 300px), (max-width: 350px) and (max-height: 600px), (max-height: 450px) {
@media (max-width: 300px), (max-width: 350px) and (max-height: 700px), (max-height: 600px) {
:root {
font-size: 35%;
}


+ 6
- 6
old/main.css View File

@@ -156,42 +156,42 @@ img, .down-button {
}


@media (max-width: 500px), (max-width: 750px) and (max-height: 1000px), (max-height: 850px)) {
@media (max-width: 800px), (max-width: 850px) and (max-height: 1000px), (max-height: 850px)) {
:root {
font-size: 95%;
}
}


@media (max-width: 400px), (max-width: 650px) and (max-height: 900px), (max-height: 750px) {
@media (max-width: 700px), (max-width: 750px) and (max-height: 900px), (max-height: 750px) {
:root {
font-size: 85%;
}
}


@media (max-width: 350px), (max-width: 600px) and (max-height: 800px), (max-height: 650px) {
@media (max-width: 600px), (max-width: 650px) and (max-height: 800px), (max-height: 650px) {
:root {
font-size: 75%;
}
}


@media (max-width: 300px), (max-width: 550px) and (max-height: 700px), (max-height: 550px) {
@media (max-width: 500px), (max-width: 550px) and (max-height: 700px), (max-height: 550px) {
:root {
font-size: 65%;
}
}


@media (max-width: 250px), (max-width: 450px) and (max-height: 650px), (max-height: 500px) {
@media (max-width: 400px), (max-width: 450px) and (max-height: 650px), (max-height: 500px) {
:root {
font-size: 55%;
}
}


@media (max-width: 200px), (max-width: 350px) and (max-height: 600px), (max-height: 450px) {
@media (max-width: 300px), (max-width: 350px) and (max-height: 600px), (max-height: 450px) {
:root {
font-size: 40%;
}


Loading…
Cancel
Save