почта - адаптация для маленьких экранов

CupIvan · Aug 4, 2020 · b61081f · b61081f
1 parent bf7c672
commit b61081f
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/russian_post/index.html b/russian_post/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
 	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
 
 	<title>Отделения Почты России на карте OSM</title>
 
@@ -40,6 +41,14 @@
 <style>
 	#outer { width: 100%; height: 100%; left: 0; top: 0; position: absolute; }
 	#column { width: 300px; }
+	@media screen and (max-width: 1000px) {
+		#column { display: none; }
+		#info   { width: 460px; margin-left: 0px; left: 60px; }
+	}
+	@media screen and (max-width: 630px) {
+		#info   { display: none; }
+		.github { display: none !important; }
+	}
 </style>
 <table id="outer">
 <tr>