tests/samples/rem-scaling/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
   5         <script src="tizen-web-ui-fw/latest/js/jquery.js"></script>
   6         <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
   7         <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
   8                 data-framework-viewport-scale=false>
   9         </script>
  10
  11         <title>Tizen UI</title>
  12
  13         <!-- for compatibility test -->
  14         <meta name="apple-mobile-web-app-capable" content="yes" />
  15         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  16         <link rel="apple-touch-icon" href="icon-tizen.png" />
  17 </head>
  18
  19 <body>
  20         <div data-role="page" data-add-back-btn="true">
  21                 <div data-role="header" data-position="fixed">
  22                         <h1>viewport-scale=false</h1>
  23                 </div>
  24                 <div data-role="content">
  25                         <p> content will be shown properly. -- not too small, not too big. </p>
  26                         <a data-role="button">Test button</a>
  27                 </div>
  28         </div>
  29 </body>
  30 </html>