HTML and CSS Reference
In-Depth Information
NOTE
If you encounter a
mouseX
and
mouseY
position problem using the
event.clientX
and
event.clientY
values on a scrolling browser window, you can substitute them with
event.pageX
and
event.page
. In most browsers, this substitution will help if the screen is scrolled.
Adding meta-tags for iOS devices
Meta-tags are added to help the iOS devices determine the correct size of the viewport in a
scaled mode and also to define an icon. With the icon, the user can add a link from the web-
published game to their iOS device that can be clicked just like any other application.
<meta
<meta name=
"viewport"
content=
"initial-scale=1 maximum-scale=1
user-scalable=0"
//>
<meta
<meta name=
"apple-mobile-web-app-capable"
content=
"yes"
//>
<meta
<meta name=
"apple-touch-fullscreen"
content=
"yes"
>
<link
<link rel=
"apple-touch-icon"
href=
"bsicon.png"
>