Update font size for iOS and Mozilla on Android

Adjust font size for specific devices to improve readability and consistency.
joone · Mar 24, 2024 · 089a6ec · 089a6ec
1 parent d1be1bc
commit 089a6ec
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/docs/assets/styles/main.css b/docs/assets/styles/main.css
@@ -9,13 +9,14 @@
   html {
     color: #232333;
     font-family: 'Roboto Mono', monospace;
-    font-size: 15px;
+    font-size: 17px;
     line-height: 1.6em;
   }
 
-  @media screen and (min-width: 1100px) {
+  /* for iOS and Mozilla on Android */
+  @media only screen and (hover: none) and (pointer: coarse){
     html {
-      font-size: 17px;
+      font-size: 15px;
     }
   }