Chivnk 2022-11-03 11:32 采纳率: 46.8%
浏览 46
已结题

vue项目pc和移动端适配

朋友们，用vue+elementui做的网站，做的pc端的，怎么适配手机端呀，网上搜了下载使用
npm i px2rem-loader -D npm i lib-flexible -S
但不好使

  • 写回答

2条回答 默认 最新

  • 墨殇枫染 2022-11-03 12:07
    关注

    你这个是自适应，你想两端适配需要响应式的布局写法，自适应写pc移动是两套不同的代码，响应式一套即可，但是挺麻烦的

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题？

  • vue项目PC、移动端适配方案
    2022-06-10 17:55
    coderDragon的博客 首先我们需要有pc端和移动端的两种版本的vue文件，然后配置好自己的路由，下面是我的路由配置。 配置好路由之后我们就可以先写一个判断是否为移动端的方法，我默认放置的位置为 src/utils/index.js中，具体实现...
  • vue3移动端适配的解决方案（老方案）
    2022-12-01 11:32
    Vue3 移动端适配解决方案是针对现代前端框架 Vue3 的一项技术实践，旨在确保在不同设备和屏幕尺寸上提供良好的用户体验。Vue3 提供了更强大的功能和更高的性能，但移动端适配是一个挑战，因为移动设备的屏幕尺寸、...
  • Vue | Vue中如何做移动端适配？
    2024-12-09 08:51
    儒雅的烤地瓜的博客 在实现Vue移动端适配方面，主要依赖于视口单位（Viewport units）、Flexible.js、PostCSS插件、以及媒体查询（Media Queries）这几个关键技术和策略。其中，Flexible.js是一种广泛采用的解决方案，因为它能够动态...
  • 手把手教你实现VuePC端，移动端适配
    2023-06-21 16:46
    Orange小白之路的博客 可在vue.config.js、.postcssrc.js、postcss.config.js其中之一配置，权重从左到右降低，没有则新建文件，只需要设置其中一个即可。如果出现报错，请降低版本后重装依赖（在package.json文件中将版本修改为如下，...
  • VUE PC端和移动端适配
    2022-03-29 15:19
    Moriarty9的博客 VUE PC端和移动端适配 ** 踩坑！！！！！！ 两种方法行内样式都不生效~ ** 方法一 （rem） 使用lib-flexible和postcss-px2rem-exclude插件 npm install lib-flexible --save npm install postcss-px2rem-exclude -...
  • vue实现pc和移动端布局
    2023-06-21 15:31
    楼兮诺的博客 经过实践发现，pc端 和 移动端 的差别更多体现在页面元素的大小、位置、显隐上，而实际的业务逻辑变化并不大，上述方案中并未抽离页面的 js 代码，导致代码存在冗余，这里我们可以使用 mixins 来优化。
  • 一篇文章搞懂！vue中pc端与移动端适配解决方案（亲测有效）
    2024-06-03 20:21
    前端小羽——互联网大厂的博客 然而，在实际测试中，由于不同的Vue和Webpack版本，很多这些方式已经无法使用，反而带来了更多麻烦。为了尽快解决问题，我们应该始终以解决问题为导向，首先采用那些已经获得验证并能产生效果的方法。对于上述列举的...
  • Vue 移动端、PC 端适配
    2022-12-03 02:03
    安之若素づ的博客 Vue 移动端、PC 端适配可以使用lib-flexible、amfe-flexible​​​​​​​、postcss-pxtorem​​​​​​​、postcss-px2rem、postcss-px-to-viewport这几个插件。
  • vue项目的移动端适配方案
    2023-07-19 17:17
    那颗星的博客 可在vue.config.js、.postcssrc.js、postcss.config.js其中之一配置，权重从左到右降低，没有则新建文件，只需要设置其中一个即可。1、在安装好的依赖文件夹node_modules中，找到amfe-flexible/index.js文件，将文件...
  • Vue项目适配移动端 + 适配PC端
    2021-01-23 09:31
    Upward Force的博客 一、适配PC端 参考文档：https://www.cnblogs.com/wuqilang/p/13491766.html 1、 在 /src/assets 目录下新增 js 文件夹，在js文件夹中新增 flexible.js (function flexible(window, document) { var docEl = ...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 11月15日
  • 已采纳回答 11月7日
  • 创建了问题 11月3日