关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
我向往的。
2022-04-14 19:27
采纳率: 75%
浏览 996
首页
前端
postcss-px2rem无法编译行内样式,如何解决?
css
前端
vue.js
element组件用到了height属性,打包之后还是px,导致页面无法适配,想到了直接改组件的类名但是太麻烦,有什么方便的方法吗
收起
写回答
好问题
0
提建议
关注问题
微信扫一扫
点击复制链接
分享
邀请回答
编辑
收藏
删除
结题
收藏
举报
3
条回答
默认
最新
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
你好!机器人
2022-04-15 11:06
关注
涉及到像素的问题, 尽量写成类的形式
本回答被题主选为最佳回答
, 对您是否有帮助呢?
本回答被专家选为最佳回答
, 对您是否有帮助呢?
本回答被题主和专家选为最佳回答
, 对您是否有帮助呢?
解决
无用
评论
打赏
微信扫一扫
点击复制链接
分享
举报
评论
按下Enter换行,Ctrl+Enter发表内容
查看更多回答(2条)
向“C知道”追问
报告相同问题?
提交
关注问题
vue插件
px2
rem和
postcss
-pxtorem不支持写
行内
样式
的
编译
2021-06-03 11:07
前端菜戌鲲的博客
涉及到像素的问题, 尽量写成类的形式
【插件】安装插件
postcss
-pxtorem 转换
样式
单位 px 为 rem
2024-11-08 11:59
Fighting_p的博客
【插件】安装插件
postcss
-pxtorem 转换
样式
单位 px 为 rem
postcss
postcss
-pxtorem将px转为rem的实现
2022-12-07 19:38
friend_ship的博客
postcss
与
postcss
-pxtorem将px转为rem的使用
vue3 使用
postcss
-pxtorem 实现自适应
2024-02-20 16:45
不怕麻烦的鹿丸的博客
if(/%/ig.test(px)) { // 有百分号%,特殊处理return px} else {// 144 为设计图尺寸1440除以10。
react 使用
postcss
-pxtorem 将所有的px转换为rem
2022-12-21 13:51
一麻袋小猫的博客
最近接了个需求,以前做...所以选择插件
postcss
-pxtorem,但是这个插件只能转换css文件中的
样式
,不能转换
行内
样式
。
行内
样式
要特殊处理,这里的方案就是自定义loader在webpack
编译
时通过正则拿出px,并通过计算转换。
vue3
postcss
-pxtorem转rem适配方案
2024-09-10 10:36
醇醇大魔王的博客
使用
postcss
完成大小、字体不同浏览器大小的自适应
关于vue利用
postcss
-pxtorem进行移动端适配的问题及关于
PostCss
的理解
2022-06-01 15:51
liu__software的博客
刚开始我按照网上的一些方式利用
postcss
-pxtorem方式去适配的时候怎么样都不成功,后来经过自己不断尝试之后终于...2.cnpm install
postcss
-pxtorem -D安装
postcss
-pxtorem,此插件如果你用的是webpack的话只要进行安装
通用方案
px2
rem 处理 内联
样式
、element-ui表头折行、label折行、表单项换行异常
2023-06-14 10:27
Wonderful_Wan8的博客
以label-width="100px"为例,这种在element-ui
编译
时会处理成内联
样式
,但是
postcss
-
px2
rem插件并没有处理内联
样式
的功能,于是我们便需要对之自行处理。 在main.js中全局挂载方法,将px转换成rem // 处理element-...
移动端布局之
postcss
-px-to-viewport(兼容vant)
2023-05-08 17:17
努力往上爬de蜗牛的博客
在今天这篇文章中,我并不会在这里讲一些移动端视口的概念,包括物理像素和逻辑像素,理想视口,dpr等等等等,我只介绍这样一种非常不错的移动端适配方案:post-css-to-viewport,如果我说这种方案能
解决
98%以上的...
pxtorem完美适配PC端和移动端
样式
2022-03-11 11:35
wangyong_qianduan的博客
前端
开发还原设计稿的重要性毋庸置疑,目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值,为了能够直接按照设计图的尺寸开发,并且能自动
编译
转换成rem,下面就来分享下
postcss
-pxtorem的使用。...
项目中移动端 REM 适配方法 和
PostCSS
的使用
2021-09-12 13:07
李公子丶的博客
什么是适配 我们拿到的设计图一般是以640,750,1080分辨率为基准设计的,而现在的手机终端各式各样,分辨率不同,逻辑像素不同 ,...那么1rem=100px;之后的所有元素都可以用这个基准值来设置大小; 移动端 R...
前端
开发必备 - px转rem转换工具详解
2025-07-24 08:43
高傲的大白杨的博客
CSS中的px(像素)和rem(root em)单位在网页布局和设计中扮演着至关重要的角色。px单位,作为一种基础的长度单位,一直以来都是网页布局中的常客。然而,随着Web设计的发展,尤其是在响应式布局需求日益增长的今天...
Vue项目中px自动转rem实现响应式布局
2022-05-30 15:04
sunnyqkl的博客
1、安装amfe-flexible和
postcss
-
px2
rem npm i amfe-flexible@2.2.1 -S npm i
postcss
-pxtorem@5.1.1 -D 2、修改全局配置 1)修改mian.js 引入 amfe-flexible // 计算响应式 import 'amfe-flexible' 2)修改
postcss
...
前端
Vue中使用
px2
rem把px转换为rem
2023-03-14 08:51
应诺929的博客
使用 Vue 做移动端页面时,适配是必须的,rem 不失为一种好的选择,可在不同屏幕上完美显示相同的布局
px2
rem 插件可以使中的 px 单位根据设计稿转换为 rem。
px转vw和rem配置-vue-
行内
样式
px转vw和rem-----项目中无需出现rem单位;
2020-12-23 23:12
__________null_的博客
前端
适配-px转-rem; 最近在做一个pc端的后台管理系统,项目一期一批次已开发完毕,因为一批次没有适配要求,所以大框架时没有使用rem,业务现在又提出加入低分辨率适配; 苦思冥想后决定还是百度吧,网上有很...
Vue项目自动转换 px 为 rem的实现方法
2020-10-17 19:55
接下来,我们将使用`
postcss
-pxtorem`这个
PostCSS
插件,它可以在
编译
时自动将px转换为rem。
PostCSS
是一个工具,它可以解析CSS,然后应用插件来修改CSS,这使得我们可以轻松地添加新的语法特性或者转换现有CSS。 1. ...
没有解决我的问题,
去提问
向专家提问
向AI提问
付费问答(悬赏)服务下线公告
◇ 用户帮助中心
◇ 新手如何提问
◇ 奖惩公告
问题事件
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
创建了问题
4月14日