| 1 | <!DOCTYPE html>
|
| 2 | <html>
|
| 3 | <head>
|
| 4 | <meta charset="utf-8">
|
| 5 | <meta name="viewport" content="width=device-width">
|
| 6 | <title>actionsheet</title>
|
| 7 | <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, width=device-width, height=device-height"/>
|
| 8 | <meta name="apple-mobile-web-app-capable" content="yes">
|
| 9 | <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
| 10 | <link rel="stylesheet" href="style.css" type="text/css" media="all">
|
| 11 | <style type="text/css" media="screen">
|
| 12 | body, html{
|
| 13 | padding: 0px;
|
| 14 | margin: 0px;
|
| 15 | font-size: 14px;
|
| 16 | overflow: hidden;
|
| 17 | -webkit-text-size-adjust: 100%;
|
| 18 | -ms-text-size-adjust: 100%;
|
| 19 | text-size-adjust: 100%;
|
| 20 | }
|
| 21 | #demo {
|
| 22 | height: 100px;
|
| 23 | width: 100px;
|
| 24 | background-color: tomato;
|
| 25 | line-height: 100px;
|
| 26 | font-size: 20px;
|
| 27 | color: #fff;
|
| 28 | margin: 100px auto;
|
| 29 | text-align: center;
|
| 30 | }
|
| 31 | </style>
|
| 32 | </head>
|
| 33 | <body>
|
| 34 | <div id="demo">
|
| 35 | tap me
|
| 36 | </div>
|
| 37 | <script src="./bundle.js" type="text/javascript" charset="utf-8"></script>
|
| 38 | </body>
|
| 39 | </html>
|