当项目第一次被加载出来后，样式正常，
但在刷新当前页面后，样式错乱：
在当前页面无论怎么刷新都没用，点击其他页面，在其他页面刷新之后回到当前页面，样式又变回正常。再次刷新又会错乱。是什么问题啊
vue pc端用flexible、px2rem适配后第三方ui样式问题
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2019-04-29 17:12weixin_30407099的博客 在项目使用lib-flexible还有postcss-px2rem实现移动端适配，当我们引入第三方的样式组件库，发现一个问题。那些组件库的样式都变小了。 问题原因 变小的主要原因是第三库 css一依据data-dpr="1"时写的尺寸 ...
- 2020-06-04 09:37zyx_的博客 一、项目中安装lib-flexible ...第二部分：使用postcss-px2rem-exclude自动将css中的px转换成rem 安装postcss-px2rem-exclude npm install postcss-px2rem-exclude --save 配置exclude选项 配置位置是项..
- 2022-07-29 15:54修行旅途的博客 vue项目pc端使用rem进行适配 （lib-flexible+postcss-pxtorem）
- 2023-03-29 14:48零点七九的博客 有时候我们在手机端项目的时候需要导入第三方UI库，例如：vuex,mint ui等，这时你就会发现第三方的组件样式都变小了，变小的主要原因是第三库 css一依据 data-dpr=“1” 时写死的尺寸，我们使用的flexible引入时 ...
- 2024-03-01 09:19－HaiXin的博客 例如我们设置的单位是37.5，设置div的宽度为75px，则换算后为2rem。该插件将网页平均分成10等份，然后设置html跟标签的font-size。转换方法是rem = px /（我们设置的值）该插件将我们经常使用的px转换成rem。
- 2021-10-22 17:40依旧大白丶的博客 Vue移动端适配并解决rem影响第三方ui库样式问题 一、项目中安装lib-flexible npm install lib-flexible --save 二、在项目的入口main.js文件中引入lib-flexible import 'lib-flexible' 三、安装postcss-px2rem-...
- 2020-10-07 11:50asdfgh0077的博客 vue-cli3.0结合lib-flexible、px2rem实现移动端适配，完美解决第三方ui库样式变小问题
- 2024-12-09 15:54具体步骤包括安装必要的插件（如 postcss-pxtorem 和 amfe-flexible），配置 vite.config.ts 文件以支持 px 到 rem 转换，以及安装和配置 Vant UI 组件库。特别关注了如何处理 Vant 组件内的固定宽度属性，通过 ...
- 2021-07-01 17:05小羊快跑跑跑跑的博客 使用 插件 lib-flexible 和 postcss-pxtorem 进行是适配，一共是两个步骤，当我们在进行适配的时候，如果只将当前屏幕分成几份的话，那么在后面写样式的时候，样式的单位需要写成rem ，但是这里我们在进行完 postcss...
- 一纸奇文的博客 第一部分：项目中引入lib-flexible 一、项目中安装lib-flexible npm install lib-flexible ...第二部分：使用postcss-px2rem-exclude自动将css中的px转换成rem 一、安装postcss-px2rem-exc...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 1月5日