ChaoCP-page
/
runningGame.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"/>
  <title>狮子向前冲</title>
  <link rel="stylesheet" href="./css/runningGame/kandi.css" type="text/css" media="screen">
</head>
<style>
    @media screen and (orientation: portrait) {
        html{
            width : 100vmin;
            height : 100vmax;
        }
        body{
            width : 100vmin;
            height : 100vmax;
        }
        .wrapper{
            width : 100vmax;
            height : 100vmin;
            transform-origin: top left;
            transform: rotate(90deg) translate(0,-100vmin);
        }
    }
    @media screen and (orientation: landscape) {
        html{
            width : 100vmax;
            height : 100vmin;
        }
        body{
            width : 100vmax;
            height : 100vmin;
        }
        .wrapper{
            width : 100vmax;
            height : 100vmin;
        }
    }
</style>
<body>
  <div class="wrapper">
    <canvas id="canvas" width="800" height="480">
      <p>You're browser does not support the required functionality to play this game.</p>
      <p>Please update to a modern browser such as <a href="www.google.com/chrome/‎">Google Chrome</a> to play.</p>
    </canvas>
    <div id="game-over">
      <div id="game-lose">菜</div>
      <a href="javascript:void(0);" class="restart" id="restart">再来一次</a>
      <a href="./index.html#nav-games" class="restart" id="restart">返回主页</a>
    </div>
  </div>
  <script type="text/javascript" src="./js/runningGame/kandi.js"></script>
</body>
</html>