热门标签
热门文章
- 1JDK8新特性 - Lambda表达式_jdk8有lamda表达式吗
- 2阿里云服务器搭建hadoop集群后无法访问9870，8088web端口解决方案_阿里云服务器登不上hadoop的8970
- 3gitlab 克隆远程仓库 分支方法_gitlab克隆分支
- 4Docker高级篇之Docker-compose容器编排
- 5探秘AI测试助手：Test-Agent，智能化测试的新纪元
- 6使用window自带的ssh连接linux服务器_window用ssh连接linux
- 7万字总结！5大AI应用场景+17个细分方向+40多个案例精选_ai常见办公场景
- 8顺序输出片内RAM的数据_2分钟时ram的输出数据
- 9深入理解与解决Git中的“fatal: refusing to merge unrelated hi_git refusing to merge
- 10二、Neo4j的使用（知识图谱构建射雕人物关系）_neo4j的使用(知识图谱构建射雕)
当前位置: article > 正文
vue3+vite（移动适配）_vite+vue3移动端项目的适配
作者：酷酷是懒虫 | 2024-06-24 03:20:06
赞
踩
vite+vue3移动端项目的适配
视口设置和px to vw单位的转换
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
安装插件
npm install postcss-px-to-viewport -D
配置postcss.config.js文件即可
// vue cli/vite
module.exports = {
plugins: {
'postcss-px-to-viewport': {
viewportWidth: 375,
selectorBlackList: ["favor"] //可设置黑名单，此class不转
}
}
};
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/酷酷是懒虫/article/detail/751504
推荐阅读
相关标签
