$(function(){
  var ZoomNum = (
    (window.screen.availWidth * window.devicePixelRatio) /1440).toFixed(2)
  $('html').css('fontSize', 16 * ZoomNum)
  $('.zoomBox').css('cssText', 'height:auto!important')
  $('.zoomBox').css({
    'margin-top': '88px',
    width: window.screen.availWidth,
  })
 var metaMobie = document.querySelector('meta[name=viewport]')
 metaMobie.content += `, initial-scale=${1 / window.devicePixelRatio},maximum-scale=2.0,minimum-scale=0`

    $('.mZoom').css({
      width: window.screen.availWidth * window.devicePixelRatio,
    })

  $('.logo>a>img').css('display', 'none')
  $('.header').addClass('headerShadow fixed')
  $('.logo').css({
    background: `url('static/img/hand-logo.svg') no-repeat`,
    backgroundSize: '110px 26px',
  })
  $(window).scroll(function () {
    var offsetTop = $('.header').offset().top
    // console.log(offsetTop);
    if (offsetTop === 0) {
      $('.logo').addClass('logo-new')
    }
  })
  // $('.mZoom').css({'min-width':'375px'})
})


// $(function () {
//   var ZoomNum = (window.screen.availWidth / 1440).toFixed(2)
//   // $('.mZoom').css('zoom',ZoomNum.toFixed(2))
//   $('.mZoom').css({
//     width: '1440px',
//     transform: `scale(${ZoomNum})`,
//     'transform-origin': 'left top',
//     height: $('.mZoom').height(),
//   })
//   $('.logo>a>img').css('display', 'none')
//   var heightZoom = $('.zoomBox').height() * (window.screen.availWidth / 414)
//   $('.header').addClass('headerShadow fixed')
//   $('.logo').css({
//     background: 'url(../../static/img/hand-logo.svg) no-repeat',
//     backgroundSize: '110px 26px',
//   })
//   console.log(window.screen.availHeight)
//   $(window).scroll(function () {
//     var offsetTop = $('.header').offset().top
//     // console.log(offsetTop);
//     if (offsetTop === 0) {
//       $('.logo').addClass('logo-new')
//     }
//   })
//   $('.zoomBox').css({
//     paddingTop: '44px',
//     background: '#ffffff',
//     width: window.screen.availWidth,
//     height: heightZoom,
//     overflow: 'hidden',
//   })
//   console.log($('.mZoom').height() * ZoomNum)
//   // $('.mZoom').css('min-width','375px')
//   // $('html').css('font-size',16*ZoomNum)
//   // if(ZoomNum<1){
//   // rootSizeScale=ZoomNum
//   // }
// })