<!doctype html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>1px</title>
<style>
div{
width: 3rem;
height: 3rem;
border: solid 1px #000;
}
</style>
</head>
<body>
<div id="box">
</div>
<script>
// 设置 font-size 的值
var fontSize = 50;
// 设置 html 根标签 的 font-size
document.documentElement.style.fontSize = fontSize + ‘px‘;
// 1 整体的缩小
var dpr = window.devicePixelRatio;
console.log(dpr)
var initialScale = 1/dpr;
// 获取 meta 标签
var meta = document.querySelector(‘meta[name=viewport]‘);
// 设置 content 属性
meta.content = ‘user-scalable=no,initial-scale=‘ + initialScale ;
// 2 内容进行放大
var newFontSize = fontSize * dpr;
// 设置 html 根标签 的 font-size
document.documentElement.style.fontSize = newFontSize + ‘px‘;
</script>
</body>
</html>
原文：https://www.cnblogs.com/eric-share/p/13759437.html