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