kara-react-components-mobileweb/dev/main.js

kara项目移动端react组件库

import React from 'react'
import { render } from 'react-dom'

import '../src/index.scss'
import Root from './root'

const html = document.documentElement
const docEl = document.documentElement;
const metaEl = document.querySelector('meta[name="viewport"]')
const dpr = window.devicePixelRatio || 1
const scale = 1 / dpr

// 设置viewport，进行缩放，达到高清效果
metaEl.setAttribute('content', 'width=' + dpr * docEl.clientWidth + ',initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale + ',user-scalable=no');

// 注意这个字体设置对应的是设计图1080，pxtorem初始rootValue值16
html.style.fontSize = `${(html.clientWidth / 1080) * 16}px`

render(<Root />, document.getElementById('root'))