Vue.js / Nuxt.js / uni-app - 移动端 H5 网页，在电脑 PC 上打开时居中显示（手机网页在电脑上打开后，简单粗暴防止 “界面样式“ 拉伸变形的解决方案）适用所有web项目
王佳斌
已于 2024-09-07 02:00:28 修改
阅读量4.7k
收藏
10
点赞数
3
已于 2024-09-07 02:00:28 修改
阅读量4.7k
收藏
10
点赞数
3
于 2022-11-23 14:04:25 首次发布
针对移动端H5在电脑PC上打开时样式拉伸变形的问题，本文提供了一个简单有效的解决方案。通过在HTML的`<body>`标签内添加特定代码，可以实现移动端页面在PC上的居中显示，适用于Vue.js、Nuxt.js和uni-app等项目。
前言
无论您的项目是 Vue.js，还是传统 web 项目，都可以轻松完成。
通常移动端 H5 开发完毕后，在电脑 PC 浏览器打开时，却发现页面直接 “毁了”，
本文给您提供一个简单粗暴的方案，几分钟就能搞定简单好用，
如下图效果所示，实现 移动端适配PC端，免去开发两端解决方案，
无需任何第三方插件和代码，适用于任何项目
解决方案
详细示例代码如下，
订阅专栏 解锁全文
扫一扫
前端领域优质创作者
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
