|
@@ -1,8 +1,8 @@
|
|
<!DOCTYPE html>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<html lang="en">
|
|
<head>
|
|
<head>
|
|
- <meta charset="utf-8">
|
|
|
|
<title>three.js - examples</title>
|
|
<title>three.js - examples</title>
|
|
|
|
+ <meta charset="utf-8">
|
|
<style>
|
|
<style>
|
|
|
|
|
|
@font-face {
|
|
@font-face {
|
|
@@ -67,7 +67,6 @@
|
|
#viewer {
|
|
#viewer {
|
|
position: absolute;
|
|
position: absolute;
|
|
left: 310px;
|
|
left: 310px;
|
|
- width: -webkit-calc(100% - 310px); /* Safari */
|
|
|
|
width: calc(100% - 310px);
|
|
width: calc(100% - 310px);
|
|
height: 100%;
|
|
height: 100%;
|
|
border: 0px;
|
|
border: 0px;
|
|
@@ -355,6 +354,17 @@
|
|
var list = document.getElementById( 'list' );
|
|
var list = document.getElementById( 'list' );
|
|
var viewer = document.getElementById( 'viewer' );
|
|
var viewer = document.getElementById( 'viewer' );
|
|
|
|
|
|
|
|
+ if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
|
|
|
|
+
|
|
|
|
+ viewer.addEventListener( 'load', function ( event ) {
|
|
|
|
+
|
|
|
|
+ viewer.contentWindow.innerWidth -= 10;
|
|
|
|
+ viewer.contentWindow.innerHeight -= 2;
|
|
|
|
+
|
|
|
|
+ } );
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
var container = document.createElement( 'div' );
|
|
var container = document.createElement( 'div' );
|
|
list.appendChild( container );
|
|
list.appendChild( container );
|
|
|
|
|