移动端适配 viewport配置

最新推荐文章于 2024-10-18 17:51:23 发布

一蓑烟雨任平生丶

最新推荐文章于 2024-10-18 17:51:23 发布

阅读量83

点赞数

分类专栏：其他文章标签： javascript html web app

本文链接：https://blog.csdn.net/qq_33185256/article/details/104940120

版权

其他专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
/*
最大的缩放比例：
maximum-scale=1.0
最小缩放比例：
minimum-scale=1.0
不允许缩放：
user-scalable=no
*/

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