WebDev
/
VersaWhiteboard
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix width/height on mobile devs

This commit is contained in:
cracker0dks 2020-02-18 18:39:52 +01:00
parent 6b4d31fdb9
commit 6e5f0958ed
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/index.html
View File

@ -4,6 +4,8 @@
<head>
<title>Whiteboard</title>
<meta name="viewport" content="width=device-width, initial-scale=0.41, maximum-scale=1" />
<!--- JS References -!-->
<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="./js/jquery-ui.min.js"></script>
@ -21,9 +23,9 @@
</head>
<body style="position: relative; margin: 0px; height: 100vh; width: 100%; overflow: hidden;">
<body style="position: relative; margin: 0px; height: 100vh; height: calc(var(--vh, 1vh) * 100); width: 100%; overflow: hidden;">
<!---Whiteboard container -!-->
<div style="height: 100vh; width: 100%;" id="whiteboardContainer"></div>
<div style="height: 100vh; height: calc(var(--vh, 1vh) * 100); width: 100%;" id="whiteboardContainer"></div>
<!---Toolbar -!-->
<div id="toolbar" style="position: absolute; top: 10px; left: 10px;">