Home Explore Help
Sign In
Apq
/
speedtest-x
mirror of https://github.com/BadApple9/speedtest-x.git
1
0
Fork 0
Files Issues 0 Wiki
Browse Source

full size and mobile

HuJK 5 years ago
parent
414f2381f8
commit
d84ad23419
2 changed files with 27 additions and 5 deletions
Unified View Show Diff Stats
  1. 14 3
      chart.html
  2. 13 2
      chart_linear.html

+ 14 - 3
chart.html
View File 

@@ -10,12 +10,21 @@
 
                 -moz-user-select: none;
 
                 -moz-user-select: none;
 
                 -webkit-user-select: none;
 
                 -webkit-user-select: none;
 
                 -ms-user-select: none;
 
                 -ms-user-select: none;
 
+                flex-grow: 1;
 
+                min-height: 0;
 
+                width: 100%;
 
+                height:100%;
 
         }
 
         }
 
-        </style>
 
+        div {
 
+                width:100%;
 
+                height:100%;
 
+        }
 
+
 
+	</style>
 
 </head>
 
 </head>
 
 
 
 <body>
 
 <body>
 
-        <div style="width:75%">
 
+        <div>
 
                 <canvas id="canvas"></canvas>
 
                 <canvas id="canvas"></canvas>
 
         </div>
 
         </div>
 
         <script>
 
         <script>
 
@@ -161,7 +170,9 @@ async function mainfunc() {
 
 							display: true
 
 							display: true
 
 						}
 
 						}
 
 					}]
 
 					}]
 
-				}
 
+				},
 
+		                responsive: true,
 
+                maintainAspectRatio: false
 
         }
 
         }
 
     });
 
     });

+ 13 - 2
chart_linear.html
View File 

@@ -10,12 +10,21 @@
 
                 -moz-user-select: none;
 
                 -moz-user-select: none;
 
                 -webkit-user-select: none;
 
                 -webkit-user-select: none;
 
                 -ms-user-select: none;
 
                 -ms-user-select: none;
 
+                position: relative;
 
+                flex-grow: 1;
 
+                min-height: 0;
 
+                width: 100%;
 
+                height:100%;
 
         }
 
         }
 
+	div {
 
+		width:100%;
 
+		height:100%;
 
+	}
 
         </style>
 
         </style>
 
 </head>
 
 </head>
 
 
 
 <body>
 
 <body>
 
-        <div style="width:75%">
 
+        <div>
 
                 <canvas id="canvas"></canvas>
 
                 <canvas id="canvas"></canvas>
 
         </div>
 
         </div>
 
         <script>
 
         <script>
 
@@ -155,7 +164,9 @@ async function mainfunc() {
 
 							display: true
 
 							display: true
 
 						}
 
 						}
 
 					}]
 
 					}]
 
-				}
 
+				},
 
+		responsive: true,
 
+		maintainAspectRatio: false
 
         }
 
         }
 
     });
 
     });