Fix cross-browser fullscreen bugs

Closes #34.
ldjb · Mar 30, 2015 · 14038f8 · 14038f8
1 parent 4572424
commit 14038f8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/game-style.css b/game-style.css
@@ -17,7 +17,8 @@ canvas {
 	image-rendering: -moz-crisp-edges;
 	image-rendering: -o-crisp-edges;
 	image-rendering: -webkit-optimize-contrast;
-	image-rendering: crisp-edges;
 	-ms-interpolation-mode: nearest-neighbor;
+	image-rendering: crisp-edges;
+	image-rendering: pixelated;
 	cursor: pointer;
 }
diff --git a/script.js b/script.js
@@ -259,12 +259,12 @@ $("body").on("keypress", function(e) {
 $(document).on("webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange", function() {
 	var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;
 	if (fullscreenElement) {
-		if ($("body").width() < $("body").height()) {
-			$("#p").width($("body").width());
+		if ($(window).width() < $(window).height()) {
+			$("#p").width($(window).width());
 			$("#p").height($("#p").width()/4*3);
 		}
 		else {
-			$("#p").height($("body").height());
+			$("#p").height($(window).height());
 			$("#p").width($("#p").height()/3*4);
 		}
 	}