解决npi i 后flexible淘宝适配失效的bug

最新推荐文章于 2023-09-23 09:51:17 发布
最新推荐文章于 2023-09-23 09:51:17 发布
阅读量115 收藏
点赞数
文章标签： bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q767494924/article/details/130246411
版权

npi i后需要把node_modules中的这段代码注释掉  由于淘宝适配一般用于移动端 就对屏幕适配的最大宽度做了限制 否则当屏幕大于540时  适配会继续按照540去处理

 如果删除了这段代码还是没用 可以尝试把node_modules下的 .vite文键删除 这个文件是用来储存预编译文件的   把上面的代码删除了 Vite 可能没有及时识别 

 

q767494924
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
flexible.js 兼容bug修复
weixin_34075268的博客
09-15 717
什么是flexible.js 移动端自适应方案 www.jianshu.com/p/04efb4a1d… 什么是rem 这个单位代表根元素的 font-size 大小（例如 元素的font-size）。当用在根元素的font-size上面时 ，它代表了它的初始值(译者注:默认的初始值是html的默认的font-size大小,比如当未在根元素上面设置font-size大小的时候,此时的1rem==...
flexible.js和页面其他css冲突，导致html的font-size不能生效
Bright2017的博客
07-17 1566
问题： 解决方式： var txt=$("html").attr('style'); var tt=txt.replace(/px/g, 'px !important'); $("html").attr('style',tt); 移动端使用阿里的插件flexible.js实现rem自适应，由于页面引入了其他插件，导致有时页面加载慢的时候，flexible.js动态设置的html的px被其他样式覆盖，解决办法就是加上最高级。由于flexible.js源码添加了 !important 后无效
vue3+vite 用lib-flexible适配移动端及大屏方案
最新发布
weixin_50379372的博客
09-23 2582
lib-flexible是淘宝项目组开源的一个项目，lib-flexible和px2rem-loader一起做适配方案，可以实现自动将css中的px转换成rem。从此段源码中我们不难看出，当屏幕宽度除以dpr（dpr是一个倍数，此处一般为1）大于540这个特定值的时候，那么就不再进行适配了。那么我们如何解决这个问题呢？在上述源码中，进行修改。在build/utils.js中，找到exports.cssLoaders，作出如下修改。在main.js/main.ts中引入lib-flexible。
vue移动端rem适配--附带引入第三方库解决方案
qiuzhf
02-25 3121
一、先上解决方案： 移动端适配我采用淘宝的一套rem解决方案 源码： https://github.com/amfe/lib-flexible 1、安装 npm i -S amfe-flexible 2、引入meta标签 <meta name="viewport" content="width=device
npm install后 lib-flexible的 rem失效
qq_43234743的博客
10-11 535
今天有个项目领导让我从git换到svn(服了，也不知道为啥)，换完克隆下来后就再也没动，今天和我说要调整一下页面，打开以后字体全都变得贼小，原因是node_modles里的lib-flexible文件里有个js文件，里面是rem的配置，是需要修改的，每次install都需要修改，因为年代太过久远我就给忘了，好久才想起来。。。 ...
展讯NPI工具包NPI_TOOLS.V18.03
12-27
展讯NPI工具包NPI_TOOLS.V18.03 CFT_R21.0.0001.rar CheckXR21.0.0001.rar Connectivity Test R21.0.0001.rar CSSimlock AssitTools R4.0.0001.rar CSSimLock Server R4.0.0001.rar FACTORYDOWNLOAD R21.0.0001....
npi_write.rar_DDR2 VHDL_NPI_npi write
09-14
标题“npi_write.rar_DDR2 VHDL_NPI_npi write”揭示了本次讨论的核心内容，即如何通过FPGA（Field-Programmable Gate Array）利用NPI（Non-Blocking Programming Interface）接口向DDR2（Double Data Rate Second ...
NPI 培训材料
01-27
NPI会议提供了一个有效平台用于沟通、协调和解决问题；项目计划有助于控制整体进程，确保首件按时交付。 ##### 4. 生产前期准备 - **工作内容**：编制生产准备版工艺规范；派制工装；确定毛料供应商；采购专用、...
PCB技术中的贴片机新产品导入（NPI）
11-13
现在，随着软件应用技术的发展，有的较为先进的贴片机具有新产品导入（NPI）的功能，即机器在运行一个 新的产品程序时，可以通过新产品导入功能来有效地降低新产品生产调试的时间。下面以美国环球仪器的贴片机 所...
npi的源代码c
09-25
通过这些测试，开发者确保npi的正确性和可靠性，并且在修改或扩展代码后能快速发现潜在问题。 2. **main**：这个目录可能包含项目的主程序或入口点。在C语言中，`main.c`通常是程序开始执行的地方，因此这里可能...
vue3-vite使用lib-flexible（amfe-flexible）总结/vue3 px转rem工具方法
程小博衍的博客
03-08 3315
vue3-vite使用lib-flexible（amfe-flexible）
vue 适应布局配置flexible
周家大小姐
03-07 631
项目中安装lib-flexible npm install lib-flexible --save cnpm install postcss-pxtorem --save-dev 文件根部新建一个postcss.config.js文件 const autoprefixer = require('autoprefixer') const px2rem = require('postcss-pxtorem') module.exports = { plugins: [autoprefix
解决vue移动端适配问题，vue-cli3+vant-ui等第三方UI组件引入适配
weixin_33788244的博客
03-21 2098
1.首先把安装amfe-flexible，这里使用npm install npm i -S amfe-flexible 复制代码2.在入口文件main.js中引入 import 'amfe-flexible/index.js' 复制代码3.在根目录的index.html 的头部加入手机端适配的meta代码 <meta name="viewport" content="width=device...
vant 配合vue 做移动端的自动适配(amfe-flexible & postcss-pxtorem 踩坑记)
hjh15827475896的博客
11-06 5238
我们做移动端开发的时候要适配各种的屏幕 , 最好的解决办法是使用 rem方式解决, 一般的解决办法是使用 css的识别浏览器宽度的办法, 不同的宽度, 设置不同的 font-size (因为rem 是以 html 的font-size为基准的) 如下图: 这样的话, 在编码的时候, 对应的去计算 width:xxxrem height:xxrem 举个栗子 如果 font-size=18px 使用的是 iphone6 做适配 (设备宽度是 375) 所以一个宽度占满屏的......
npm安装不上nodemon_nodemon安装失败解决方案
weixin_36326053的博客
01-28 4639
概述在前端学习过程中想必都会学习node.js吧，在node.js中有一个第三方模块nodemon尤为重要，它可以实现监听代码文件的变动，当代码改变之后，自动重启，就不用我们每修改一次代码就要手动重启，大大提高了工作的效率。但是安装过程中经常会出错，需要我们自行去解决。下载nodemon第三方模块在windows powershell 中写入以下命令npm install nodemon -gTi...
H5移动端适配（flexible.js）
vv_bug
08-18 1546
前言：项目终于要结束了，终于是过上了正常上班族的日子了，说多了都是泪啊，感觉短短几个月下来都有点怀疑人生了，怪不得说程序猿是一个吃青春饭的职业，哈哈～就像这只笔一样～～～ 项目开始之前：项目结束这只笔是这样的：哈哈～～进入我们今天的主题哈，项目快结束了，所以每天都在考虑怎么优化之前写的代码，于是看了看之前的网络请求，然后顺便看了看fetch的源码，觉得还是应该把自己理解记录下来～ 大牛略过哈！先看
淘宝 flexible.js 漏洞修补：记一次 rem 踩坑记录
前端大全
02-12 1768
（点击上方公众号，可快速关注）作者：陈建芳http://www.jianshu.com/p/7064613bf9f8原标题：淘宝flexible.js漏洞修补取这样的标题可能会被打，可是我确实顺带解决了淘宝flexible.js的问题。先声明两个变量供下文使用：//html style font-sizedocElementFontSize = document.documentElement.s
溯源flexible的成长
jjj_12138的博客
03-12 3333
溯源flexible的成长 在移动端适配中，flexible占据着非常重要的位置，尽管它有许多不足。但是其适配的思想仍然是非常值得学习的，这里我尝试着从最初版本的flexible源码开始解读，看看它的前世今生。 ----如果只是想知道现在的flexible是怎么运作的，那就没必要往下看了，直接跳转到这篇文章即可 这里的所有代码都在github的amfe/lib-flexible中，这里有flexible比较详尽的发展过程。 2014.06.05 可以看到第一次提交是在2014年6月5日，最初版本的flexi
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值