Guest User

Untitled

a guest
May 23rd, 2018
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.01 KB | None | 0 0
  1. export default function mobileAdapt () {
  2. var dpr, rem, scale
  3. var docEl = document.documentElement
  4. var fontEl = document.createElement('style')
  5. var metaEl = document.querySelector('meta[name="viewport"]')
  6.  
  7. dpr = window.devicePixelRatio || 2
  8. rem = docEl.clientWidth * dpr / 10
  9. scale = 1 / dpr
  10.  
  11. // 设置viewport,进行缩放,达到高清效果
  12. metaEl.setAttribute('content', 'width=' + dpr * docEl.clientWidth + ',initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale + ',user-scalable=no')
  13.  
  14. // 设置data-dpr属性,留作的css hack之用
  15. docEl.setAttribute('data-dpr', dpr)
  16.  
  17. // 动态写入样式
  18. docEl.firstElementChild.appendChild(fontEl)
  19. fontEl.innerHTML = 'html{font-size:' + rem + 'px!important;}'
  20.  
  21. // 给js调用的,某一dpr下rem和px之间的转换函数
  22. window.rem2px = function (v) {
  23. v = parseFloat(v)
  24. return v * rem
  25. }
  26. window.px2rem = function (v) {
  27. v = parseFloat(v)
  28. return v / rem
  29. }
  30.  
  31. // window.dpr = dpr
  32. // window.rem = rem
  33. }
Add Comment
Please, Sign In to add comment