make page texts smaller, but only on desktop browsers

this makes the website more usable on 1280x800 displays, and you can still
enlarge the text if you have a high dpi screen
This commit is contained in:
Leah Rowe 2021-08-29 23:08:00 +01:00
parent e611d23566
commit 0ca40aa3c3
1 changed files with 3 additions and 0 deletions

View File

@ -178,6 +178,9 @@ img.imgleft {
padding-left:0; padding-left:0;
} }
@media (min-width: 51em) {
body {font-size: 0.9em !important;}
}
@media (max-width: 50em) { @media (max-width: 50em) {
div.title, h1.title {background:none;} div.title, h1.title {background:none;}
nav#TOC {width:100% !important; padding:0; margin:0;} nav#TOC {width:100% !important; padding:0; margin:0;}