Skip to content

Instantly share code, notes, and snippets.

@hashrock

hashrock/StartMobile.html

Last active December 24, 2015 06:49
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hashrock/6759701 to your computer and use it in GitHub Desktop.
Save hashrock/6759701 to your computer and use it in GitHub Desktop.
Download ZIP
My template for iPad Web Application
Raw
StartMobile.html
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- for Mobile view -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<!-- iOS Application Setting -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<!-- Setup Hiragino or Meiryo -->
<style>
body{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
Meiryo, sans-serif;
}
</style>
</head>
<!-- for no-scroll app -->
<body ontouchmove="event.preventDefault()">
<div class="container">
<!-- start from here -->
</div>
</body>
</html>
@hashrock
Copy link
Author

iPad向けのHTMLテンプレートです。

  • jQuery, Bootstrapはネット上のものを読み込んでいます。プロダクションではそれぞれダウンロードしてローカルに配置する必要があります。
  • iPad向けに、タッチスクロールを禁止する設定を入れてあります。タッチスクロールが必要な場合はコメントアウトして下さい。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment