Mobile friendly page

2023-11-19 05:33:55 +08:00 · 2023-11-19 05:33:55 +08:00 · 7be1bca385
commit 7be1bca385
parent a3f84442a4
1 changed files with 11 additions and 1 deletions
--- a/loginpage.html
+++ b/loginpage.html
@ -6,6 +6,7 @@
    body {
      font-family: Arial, sans-serif;
      background-color: #f2f2f2;
+      font-size: 14px; /* 增加字号至14像素 */
    }

    .container {
@ -32,6 +33,7 @@
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
+      font-size: 14px; /* 增加字号至14像素 */
    }

    input[type="submit"] {
@ -48,6 +50,14 @@
    input[type="submit"]:hover {
      background-color: #45a049;
    }
+
+    /* 响应式设计和媒体查询 */
+    @media only screen and (max-width: 600px) {
+      .container {
+        max-width: 100%;
+        padding: 10px;
+      }
+    }
  </style>
 </head>
 <body>
@ -62,4 +72,4 @@
    </form>
  </div>
 </body>
-</html>
+</html>