HTML and CSS Reference
In-Depth Information
#canvas
{
overflow
hidden
;
image
-
rendering
:
optimizeSpeed
;
-
ms
-
interpolation
-
mode
:
nearest
-
neighbor
;
-
webkit
-
optimize
-
contrast
;
width
overflow
:
hidden
width
:
100
%
;
height
height
:
100
%
;
}
:webkit-full-screen
{
width
width
:
100
%
;
height
height
:
100
%
;
}
</
style
style
>
These changes will cosmetically put the game into full screen, but we still have not added in
the mouse movement and touch controls to allow the game to be played full screen in either a
desktop or a mobile Safari browser. Let's look at those now.
