feat: 반응형 rem 사이즈 변경

softeerbootcamp4th · Aug 16, 2024 · ad37dde · ad37dde
1 parent 17f256a
commit ad37dde
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/assets/.DS_Store b/src/assets/.DS_Store
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
@@ -16,3 +16,21 @@
   font-family: "Kia-Signature-Light";
   src: url(../assets/fonts/KiaSignatureFixLight.ttf);
 }
+
+@media (max-width: 1200px), (max-height: 900px) {
+  html {
+    font-size: 12px;
+  }
+}
+
+@media (max-width: 992px), (max-height: 700px) {
+  html {
+    font-size: 10px;
+  }
+}
+
+@media (max-width: 768px), (max-height: 600px) {
+  html {
+    font-size: 8px;
+  }
+}