本人菜菜，要写一个 vue项目同时适配移动和pc端，现在移动端已经写好了，pc端怎么适配呢，不想写两套路由，各位小可爱们有什么好的建议嘛，感谢发言
1条回答 默认 最新
- 2025-11-12 16:20Vue作为当下流行的前端框架，其在移动端与PC端的适配设计显得尤为重要。适配过程中，我们通常会面临不同的屏幕尺寸、分辨率以及用户交互方式的挑战。开发团队必须设计出一套既能适应桌面显示器又能适应移动设备的...
- 2022-12-03 02:03安之若素づ的博客 Vue 移动端、PC 端适配可以使用lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem、postcss-px-to-viewport这几个插件。
- 2024-09-28 12:08彬__的博客 } } // PC端响应式媒体断点： ```css @media (min-width: 1024px){ body{font-size: 18px} } @media (min-width: 1100px) { body{font-size: 20px} } @media (min-width: 1280px) { body{font-size: 22px;...
- 2022-06-29 16:26适用于前端H5 pc端的适自创适配方案，有效解决各个尺寸适配，根据浏览器可视区域自适应元素，使用方法：将资源下载下来，放入单独js文件中，独立写成一个全局方法，如果是vue项目就在main.js中引入。如果是原生js...
- 2021-03-08 22:28综上所述，基于Vue开发的京东商城移动前端代码项目涵盖了前端开发的多个方面，包括前端框架的运用、移动端适配策略、组件化开发模式以及与后端API的交互等。通过Vue.js的特性和生态，开发者能够构建出高效、可维护的...
- 2022-08-18 14:12别薅我假发的博客 Vue项目scss语法时pc端适配方案
- 2023-06-21 16:46Orange小白之路的博客 可在vue.config.js、.postcssrc.js、postcss.config.js其中之一配置，权重从左到右降低，没有则新建文件，只需要设置其中一个即可。如果出现报错，请降低版本后重装依赖（在package.json文件中将版本修改为如下，...
- 2022-09-21 22:31罗倩楠_666的博客 vue移动端适配，PC端最大显示750px
- 2025-03-17 14:30lryh_的博客 （@media）， 根据屏幕宽度动态调整组件的样式，从而实现一套代码适配 PC 和移动端。只写一套组件同时适配 PC 和移动端，通过。弹性布局 Flexbox 、Grid。没有Vue3项目，创建一个项目。
- 2021-01-23 09:31Upward Force的博客 一、适配PC端 参考文档：https://www.cnblogs.com/wuqilang/p/13491766.html 1、 在 /src/assets 目录下新增 js 文件夹，在js文件夹中新增 flexible.js (function flexible(window, document) { var docEl = ...
- 没有解决我的问题, 去提问
问题事件
创建了问题
10月23日