instanceofs
diff --git a/‎.DS_Store‎
0 Bytes b/‎.DS_Store‎
0 Bytes
diff --git a/‎cutter/.DS_Store‎
0 Bytes b/‎cutter/.DS_Store‎
0 Bytes
diff --git a/‎cutter/src/index.js‎
Lines changed: 3 additions & 2 deletions b/‎cutter/src/index.js‎
Lines changed: 3 additions & 2 deletions
diff --git a/‎cutter/src/style.css‎
Lines changed: 1 addition & 1 deletion b/‎cutter/src/style.css‎
Lines changed: 1 addition & 1 deletion
@@ -2,6 +2,7 @@ window.onload = function() {
 
 	function SubType() {
 		var doc = document;
+		this.containerDom = doc.querySelector('.container');
 		this.pageListDom = Array.prototype.slice.apply(doc.querySelectorAll('.page'));
 		this.fileDom = doc.querySelector('#files');
 		this.picAreaDom = doc.querySelector('.pic-area');
@@ -28,8 +29,8 @@ window.onload = function() {
 			var _this = this;
 			this.cutter = new Cutter(this.picAreaDom, {
 				imgUrl: url,
-				conWidth: document.body.clientWidth,
-				conHeight: document.body.clientWidth * 1.2,
+				conWidth: this.containerDom.offsetWidth,
+				conHeight: this.containerDom.offsetWidth * 1.2,
 				speed: 2,
 				callback: function() {
 					_this.turnPage(1);
 
@@ -47,7 +47,7 @@ p {
 	width: 100%;
 	height: 0;
 	padding-bottom: 120%;
-	background-color: grey;
+	background-color: #f7f7f7;
 	overflow: hidden;
 	box-shadow: 0 2px 10px 2px rgba(255,255,255,0.6);
 }
Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@ p {`
`47`	`47`	`width: 100%;`
`48`	`48`	`height: 0;`
`49`	`49`	`padding-bottom: 120%;`
`50`		`- background-color: grey;`
	`50`	`+ background-color: #f7f7f7;`
`51`	`51`	`overflow: hidden;`
`52`	`52`	`box-shadow: 0 2px 10px 2px rgba(255,255,255,0.6);`
`53`	`53`	`}`