index.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>信息</title>
  6. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  7. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  8. <meta name="x5-orientation" content="portrait" />
  9. <!--QQ(x5内核)浏览器强制竖屏显示-->
  10. <meta name="x5-fullscreen" content="true" />
  11. <!--QQ(x5内核)浏览器设置全屏,即无浏览器自带的顶部网址输入框,和底部浏览器工具栏-->
  12. <meta name="screen-orientation" content="portrait" />
  13. <!--设置UC浏览器的竖屏显示-->
  14. <meta name="full-screen" content="yes" />
  15. <meta name="format-detection" content="telephone=no,email=no" />
  16. <!-- <script src="//cdn.bootcss.com/eruda/1.3.0/eruda.min.js"></script>
  17. <script>
  18. eruda.init();
  19. </script> -->
  20. <style>
  21. html {
  22. font-size: 40px;
  23. }
  24. @media screen and (min-width: 960px) and (max-width: 1199px) {
  25. html {
  26. font-size: 40px;
  27. }
  28. }
  29. /* ipad尺寸 */
  30. @media screen and (max-width:960px) {
  31. html {
  32. font-size: 60px;
  33. }
  34. }
  35. /* 手机尺寸 */
  36. </style>
  37. </head>
  38. <body>
  39. <div id="app"></div>
  40. <script type="text/javascript">
  41. // (function(window, html) {
  42. // var fontNum = html.clientWidth / 25;
  43. // html.style.fontSize = fontNum + 'px';
  44. // })(window, document.documentElement)
  45. </script>
  46. </body>
  47. </html>