592388b9d0d23c27aa555693.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>蓝月亮</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  6. <!-- build:css css/vendor.css -->
  7. <link rel="stylesheet" href="/css/main.css">
  8. <!-- endbuild -->
  9. </head>
  10. <body>
  11. <div id="wx_pic"><img src=""></div>
  12. <div class="content-container">
  13. <div class="resize-container mediate flat">
  14. <section style="height:5204px">
  15. <div class="ele" style="z-index: 1; width: 320px; left: 3px; top: 108px;">
  16. <div>
  17. <div style="opacity: 100; transform: rotate(0deg); color: #000000; text-align: center; line-height: 1.5; font-family: 微软雅黑; font-size: 32px; white-space: pre-line;font-weight: bold">请输入文本</div>
  18. </div>
  19. </div>
  20. </section>
  21. </div>
  22. </div>
  23. <!-- build:js scripts/vendor.js -->
  24. <script>
  25. (function () {
  26. var designW = 320
  27. var designH = 508
  28. var designR = designW / designH
  29. var actualW = document.documentElement.clientWidth
  30. var actualH = document.documentElement.clientHeight
  31. var actualR = actualW / actualH
  32. var scale = (actualR > designR) ? (actualH / designH) : (actualW / designW)
  33. var style = 'width: ' + designW + 'px;overflow: auto; -webkit-transform: scale(' + scale + '); transform: scale(' + scale + '); '
  34. if (actualW < designW) {
  35. if (actualR > designR) {
  36. style += 'margin-left: ' + (actualW - designW) / 2 + 'px;'
  37. } else {
  38. style += '-webkit-transform-origin: left; transform-origin: left;'
  39. }
  40. }
  41. var containers = document.getElementsByClassName('resize-container')
  42. var i
  43. for (i = 0; i < containers.length; i++) {
  44. containers[i].setAttribute('style', style)
  45. }
  46. })()
  47. </script>
  48. <!-- endbuild -->
  49. </body>
  50. </html>