diff --git a/demo/css/main.css b/demo/css/main.css
index 1af498d..2b9c48d 100755
--- a/demo/css/main.css
+++ b/demo/css/main.css
@@ -103,9 +103,10 @@ body {
   max-width: 1250px;
   /* z-index: 2;
   position: absolute; */
+  overflow: hidden;
 }
 
-#viewer iframe {
+#viewer #epubjs-iframe {
   border: none;
 }
 
@@ -659,26 +660,56 @@ input:-moz-placeholder {
   }
 }
 
- [class^="icon-"]:before, [class*=" icon-"]:before {
-   font-family: "fontello";
-   font-style: normal;
-   font-weight: normal;
-   speak: none;
- 
-   display: inline-block;
-   text-decoration: inherit;
-   width: 1em;
-   margin-right: .2em;
-   text-align: center;
-   /* opacity: .8; */
- 
-   /* For safety - reset parent styles, that can break glyph codes*/
-   font-variant: normal;
-   text-transform: none;
- 
-   /* you can be more comfortable with increased icons size */
-   font-size: 112%;
- }
+
+/* For iPad portrait layouts only */
+@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
+    #viewer #epubjs-iframe {
+        width: 460px;
+        height: 740px;
+    } 
+}
+ /*For iPad landscape layouts only */
+@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
+    #viewer #epubjs-iframe {
+        width: 460px;
+        height: 415px;
+    }
+}
+/* For iPhone portrait layouts only */
+@media only screen and (max-device-width: 480px) and (orientation: portrait) {
+    #viewer #epubjs-iframe {
+       width: 256px;
+       height: 368px;
+    }
+}
+/* For iPhone landscape layouts only */
+@media only screen and (max-device-width: 480px) and (orientation: landscape) {
+    #viewer #epubjs-iframe {
+        width: 256px;
+        height: 124px;
+    }
+}
+
+[class^="icon-"]:before, [class*=" icon-"]:before {
+    font-family: "fontello";
+    font-style: normal;
+    font-weight: normal;
+    speak: none;
+    
+    display: inline-block;
+    text-decoration: inherit;
+    width: 1em;
+    margin-right: .2em;
+    text-align: center;
+    /* opacity: .8; */
+    
+    /* For safety - reset parent styles, that can break glyph codes*/
+    font-variant: normal;
+    text-transform: none;
+    
+    /* you can be more comfortable with increased icons size */
+    font-size: 112%;
+}
  
  
 .icon-search:before { content: '\e807'; } /* '' */
@@ -702,4 +733,5 @@ input:-moz-placeholder {
 .icon-list-numbered:before { content: '\e801'; } /* '' */
 .icon-columns:before { content: '\e810'; } /* '' */
 .icon-list:before { content: '\e800'; } /* '' */
-.icon-resize-small:before { content: '\e808'; } /* '' */
\ No newline at end of file
+.icon-resize-small:before { content: '\e808'; } /* '' */
+
diff --git a/demo/dev.html b/demo/dev.html
index f1cf7cf..f3b9a65 100755
--- a/demo/dev.html
+++ b/demo/dev.html
@@ -5,7 +5,7 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
         <title></title>
         <meta name="description" content="">
-        <meta name="viewport" content="width=device-width">
+        <meta name="viewport" content="width=device-width, user-scalable=no">
         <meta name="apple-mobile-web-app-capable" content="yes">
 
         <link rel="stylesheet" href="../demo/css/normalize.css">
diff --git a/reader/controllers/controls_controller.js b/reader/controllers/controls_controller.js
index 3ec1b70..74ad2d8 100644
--- a/reader/controllers/controls_controller.js
+++ b/reader/controllers/controls_controller.js
@@ -41,20 +41,21 @@ EPUBJS.reader.ControlsController = function(book) {
 	$fullscreen.on("click", function() {
 		screenfull.toggle($('#container')[0]);
 	});
-	
-	document.addEventListener(screenfull.raw.fullscreenchange, function() {
-			fullscreen = screenfull.isFullscreen;
-			if(fullscreen) {
-				$fullscreen
-					.addClass("icon-resize-small")
-					.removeClass("icon-resize-full");
-			} else {
-				$fullscreen
-					.addClass("icon-resize-full")
-					.removeClass("icon-resize-small");
-			}
-	});
-	
+
+	if(screenfull) {
+		document.addEventListener(screenfull.raw.fullscreenchange, function() {
+				fullscreen = screenfull.isFullscreen;
+				if(fullscreen) {
+					$fullscreen
+						.addClass("icon-resize-small")
+						.removeClass("icon-resize-full");
+				} else {
+					$fullscreen
+						.addClass("icon-resize-full")
+						.removeClass("icon-resize-small");
+				}
+		});
+	}
 	
 	$settings.on("click", function() {
 		reader.SettingsController.show();
diff --git a/reader/reader.js b/reader/reader.js
index 534011f..31521ae 100644
--- a/reader/reader.js
+++ b/reader/reader.js
@@ -57,7 +57,7 @@ EPUBJS.Reader = function(path, _options) {
 		reload: this.settings.reload,
 		contained: this.settings.contained,
 		bookKey: this.settings.bookKey,
-		styles: this.settings.styles
+		styles: this.settings.styles,
 	});
 	
 	if(this.settings.previousLocationCfi) {