1.<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<script>
export default{}
document.addEventListener('DOMContentLoaded',()=>{
const html = document.querySelector('html')
let fontSize = window.innerWidth /10
fontSize = fontSize>50?50:fontSize
html.style.fontSize = fontSize+'px'
})
</script>
1. export default{}document.addEventListener('DOMContentL...
viewport配置 viewport用来设置用户在手机上的可视区域 vue脚手架默认设置了 width=devi...
主要有两种方案，通过viewport设置画布缩放比例、通过设置html的font-size用rem适配。 方案一：...
移动端适配我们需要做哪些事情? 一个最佳实践除了设置 viewport 和 rem 基准值，随着iPhone手机的...
字体大小 设置 html 的 fontSize(设计稿 375px) 设置 px 转 rem(vue.config...
解决方案一 使用rem为单位。 使用js获取dpr值动态计算视口缩放，设置viewport content属性。 ...
1.Flexible原理 1.1设置viewport通过设置scale将viewport宽度设置为实际的设备物理宽...
1.vue移动端项目中遇到的问题 vue移动端rem设置 2.axios的设置 axios的作用是什么呢：axio...
主要介绍三种移动端布局方法： 响应式布局，利用@meida判断各个size。 REM 设置viewport中的wi...
安装插件 配置插件 需要新建配置文件.postcssrc.js 文件内容如下 在index.html中引入配置文件...
本文标题：vue之viewport的设置和rem的设置
本文链接：https://www.haomeiwen.com/subject/tnljhqtx.html
网友评论