移动(H5),PC奇淫巧技

1.防止屏幕因为误触，放大或者缩小

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

2.rem

document.addEventListener('DOMContentLoaded', () => {
    const html = document.querySelector('html');
    let fontSize = window.innerWidth / 10;
    fontSize = fontSize > 50 ? 50 : fontSize;
    html.style.fontSize = fontSize + 'px';
  })

html {font-size:50px}

1rem=html font-size =50px

.height{43px=.86rem}

3.判断是否是移动端

const isMobile = () => 'ontouchstart' in window

4.禁止网页复制粘贴

const html = document.querySelector('html')
html.oncopy = () => false
html.onpaste = () => false