Home Explore Help
Sign In
javascript
/
three.js
mirror of https://github.com/tazdij/three.js.git
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

Properly size HTML elements to prevent zooming.

Also should prevent it from thinking it can scroll.
Xander Luciano 7 years ago
parent
7406e3c581
commit
fd5c86eeda
1 changed files with 12 additions and 2 deletions
Split View Show Diff Stats
  1. 12 2
      examples/misc_controls_trackball.html

+ 12 - 2
examples/misc_controls_trackball.html
View File 

@@ -3,8 +3,14 @@
 
 	<head>
 
 		<title>three.js webgl - trackball controls</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1">
 
 		<style>
 
+			html {
 
+				width: 100%;
 
+				height: 100%;
 
+				overflow: hidden;
 
+			}
 
+			
 			body {
 
 				color: #000;
 
 				font-family:Monospace;
 
@@ -14,7 +20,11 @@
 
 
 				background-color: #fff;
 
 				margin: 0px;
 
-				overflow: hidden;
 
+				position: absolute;
 
+				top: 0;
 
+				right: 0;
 
+				bottom: 0;
 
+				left: 0;
 
 			}
 
 
 			#info {