Przeglądaj źródła

增加媒体查询功能自动适配页面。

eric 3 lat temu
rodzic
commit
5bf151314d
1 zmienionych plików z 16 dodań i 0 usunięć
  1. 16 0
      SurveyForm/index.html

+ 16 - 0
SurveyForm/index.html

@@ -62,6 +62,22 @@
 		margin: 5% 20px 5% 20px;
 	}
 
+	@media (max-width:900px) {
+		#title-div {
+			width: 500px;
+			margin: auto;
+			text-align: center;
+		}
+
+		#form-div {
+			background-color: hsla(276, 31%, 20%, 0.8);
+			width: 500px;
+			margin: 40px auto 40px auto;
+			padding-top: 40px;
+			border-radius: 4px;
+		}
+	}
+
 </style>
 
 <main>