px2rem

vue移动端中使用lib-flexible和px2rem，再引入第三方UI库导致第三方UI库的样式也变小的问题

最常用到一种方法就是使用lib-flexible和px2rem来做到自动转换px单位但是，这个方法是有缺陷的，当引入第三方UI库时，会发现第三方的UI库的样式也自动转化成rem了。所以样式会变小。
Do_Du·2023-10-27 07:50

vue 自适应

项目初始化完成后，在项目目录中安装lib-flexible和px2rem-lo
JoeyMao·2023-10-26 23:20

vue项目全局把px转换成rem

loaderOptions:{css:{...},postcss:[//optionsherewillbepassedtopostcss-loaderplugins:[required('postcss-px2rem
hibiscusxin·2023-10-26 07:56

VUE 配置 px 转 rem

使用lib-flexible和px2rem-loader自动转换1安装插件npminstalllib-flexible--savenpminstallpx2rem-loader--save-dev2配置插件在入口文件
miniy_7·2023-10-25 06:49

element-ui使用rem适配

1.npm导包npminstallpostcss-px2rem--save2.rem.js文件（放在src目录文件下）//rem等比适配配置文件//基准大小constbaseSize=16;//设置rem
cmmboy1990·2023-10-22 19:50

px2rem-loader 使用方法

在命令行中运行如下安装：npmilib-flexible--save2.引入lib-flexible在项目入口文件main.js里引入lib-flexibleimport'lib-flexible'3.安装px2rem-loadernpmipx2rem-loader
一叶障目5217·2023-10-18 06:30

vue 项目中 使用rem布局

目录1安装postcss-px2rem及px2rem-loader2在根目录src中新建util目录下新建rem.js等比适配文件3在main.js中引入适配文件
一染星辰·2023-10-18 01:40

vue项目中字体自适应屏幕(使用px2rem插件)

2.使用px2rem插件将px转为rem，书写的时候直接写px就可以，编译的时候会将px单位自动转换为对应的rem单位第一步：安装po
是小橙丶·2023-10-18 01:38

vue项目实现部分页面使用rem_vue中使用rem布局代码详解

1、npmiamfe-flexible2、import‘amfe-flexible‘然后再，安装postcss-px2rem插件npmipostcss-px2rem在package.json中配置"postcss
weixin_39898150·2023-10-18 01:08

vue2项目中实现字体自适应（使用px2rem插件将px转rem）

1、安装px2rem插件npmaddpostcss-px2rem2、配置（1）在src下的utils目录中新建px2rem.js文件（没有utils就新建一个）px2rem.js//基准大小constbaseSize
Jiang_JY·2023-10-18 01:34

响应式布局之REM

是实现响应式布局的方案之一，除了REM之外，还有VM、REM+VM，今天主要来记录一下REM的实操，一、安装插件npminstalllib-flexiblenpminstallpostcss-plugin-px2rem-D
砥砺前行 前程似锦·2023-10-17 03:44

Vue项目如何适应浏览器，去除容器控件与浏览器四周的距离

之后运行发现依然有距离，只不过顶部的距离确实缩小了，这时候四周的距离是一样的之后百度了一个方法，试了试，发现成功了参考：vue项目自适应屏幕和浏览器1、安装依赖npmilib-flexible-Snpmipx2rem
二十三Smile·2023-10-16 22:29

vue 使用rem做屏幕适配

1、npminstallamfe-flexible-S2、npminstallpostcss-px2rem-S3、main.js中引入lib-flexibleimport"amfe-flexible/index.js
weixin_39875208·2023-10-14 03:41

vue自适应（配置postcss-px2rem）

一、vue自适应（配置postcss-px2rem）采用插件postcss-px2rem结合动态更新根节点的font-size的js代码共同完成，实现在不同的屏幕等比例放大或缩小页面1.postcss-px2rem
凌儿~·2023-10-12 04:09

【react】create-react-app配置px2rem

一、自适应1.自定义webpack，运行该命令，会把webpack的配置文件暴露出来（如果前期没有暴露的话，否则直接第二步）npmruneject2.安装lib-flexible、px2rem，这里安装
繁星召唤·2023-10-09 22:48

react create-react-app v5配置 px2rem （不暴露 eject方式）

环境信息：create-react-appv5“react”:“^18.2.0”“postcss-plugin-px2rem”:“^0.8.1”配置步骤：不暴露eject配置自己的webpack：1.下载
崽崽的谷雨·2023-10-09 22:11

搭建一个基于 Vue + Vant 的移动端项目模板

项目模板说明通过px2rem-loader和amfe-flexible实现px自动转rem,不想转rem的可以使用大写的PX使用less或scss，项目中已经安装好依赖，根据自己的需求选择搭建步骤创建一个
少年的范儿·2023-10-08 05:00

前端移动端适配使用amfe-flexible和postcss-px2rem

一、安装npminstallamfe-flexible-Snpminstallpostcss-px2rem-Spostcss-px2rem会将px转换为rem，rem单位用于适配不同宽度的屏幕，根据标签的
C+ 安口木·2023-10-07 12:08

移动端rem适配

amfe-flexiblenpmiamfe-flexible--save-devnpmipostcss-pxtorem在main.js导入import'amfe-flexible'在/vue.config.js添加px2rem
sunny688·2023-10-04 20:28

关于sass/scss的引用和使用

在最近的项目中，配合vue，为了让css语言更加易懂好写，我使用了scss，包括在上一篇文章中提到了运用scss来做px2rem的转换，scss是一种css的预处理语言，这里总结他的引用和使用方法，有做新的东西也会及时更新
841只·2023-09-30 23:26

react create-react-app v5配置 px2rem （暴露 eject方式）

环境信息：create-react-appv5“react”:“^18.2.0”“postcss-plugin-px2rem”:“^0.8.1”配置步骤：我这个方式是npmruneject暴露webpack
崽崽的谷雨·2023-09-28 17:36

淘宝移动端适配方案lib-flexible 和 px2rem

1.之所以使用px2rem(vscode插件)而不使用px2rem-loader是原因是px2rem-loader会把ui框架的样式也一并转成rem,会导致样式变形.2.使用lib-flexbie必须把
4440e1453363·2023-09-23 16:01

移动端适配

我是安装amfe-flexiblenpmi-Samfe-flexible安装px2rem，使得我们在开发中不需要自己手动计算，照常写pxnpminstallpx2rem-loader--save-dev
流觞小菜鸟·2023-09-23 13:36

基于 vue-cli4 实现的移动端 H5 开发模板

技术栈：vue-cli4+webpack4+vant+axios+less+postcss-px2rem//安装依赖npminstall//本地启动npmrundev//生产打包npmrunbuild配置
熊超_H5·2023-09-13 16:43

vue项目下，笔记本显示跟PC显示比例为125%、150%对页面造成的影响

注意：此文章使用的方法虽然能解决掉直接的问题，但是太过于死板，已更新rem布局，体验更加的流畅，也不会对缩放造成影响，可前往Vue-cli3.X、Vue-cli4.X中使用px2rem中查看。
小张的前端之路·2023-09-12 00:13

移动布局之rem换算

:fontsizeoftherootelement.预处理器转换px单位到remsass预处理器定义一个变量和一个mixin$baseFontSize:16;//默认基准font-size@mixinpx2rem
Jin_Simona·2023-09-11 08:10

vue-cli3 使用 postcss-pxtorem & postcss-px2rem

使用postcss-pxtorem1.安装postcss-pxtoremnpminstallpostcss-pxtorem-S2.在vue.config.js中添加module.exports={lintOnSave:true,css:{loaderOptions:{postcss:{plugins:[require('postcss-pxtorem')({rootValue:37.5,//换算的
x1aodingdang·2023-09-11 00:17

vue中引用element组件无法使用

我在项目中引用了element组件，但是显示效果没有出来，后来发现使用在main.js中引用了lib-flexible插件，px2rem将px像素转换成了rem，导致无法显示其效果。
Fairy_Jun·2023-09-10 22:39

react 脚手架项目快速实现 viewport移动端适配

因为之前使用postcss-to-px2rem进行适配的，但是也有很久没有做过了，所以现在也学学其他的。
一只夏宇坤·2023-09-10 07:16

vue-cli项目使用px转rem插件

vue-cli项目使用px转rem插件注：之前使用px2rem-loader插件，但会影响Vant组件变小，只能执行命令npmuninstallpx2rem-loader卸载px2rem-loader，
羽筠·2023-09-08 15:46

vue的nuxt框架中使用vue-video-player

2、由于为了适配移动端，使用了postcss-px2rem插件，如何解决vue-video-player的样式与postcss-px2rem插件的冲突。3、如何播放m3u8的视频。
sq-web·2023-09-06 22:07

js动态计算px对应的rem值

在我的工作中，使用sass写了函数px2rem()@functionpx2rem($px){@return$px*320/$designWidth/20+rem;}设定了一个设计稿尺寸$designWidth
深秋色·2023-09-04 08:11

Vue3 + vite PC端自适应

遂，先把这种方式记录下来，以下是步骤：1、下载包npminstalllib-flexible-computerpostcss-px2rempx2rem-loader--save2、在main.ts里引入
前端_七月·2023-09-04 06:10

vue项目实现自适应屏幕分辨率

npminstallpostcss-px2rempx2rem-loader--save在根目录src中新建utils目录下新建rem.js等比适配文件//rem等比适配配置文件//基准大小constbaseSize
毛三仙·2023-09-03 23:21

vue.config.js webpack配置 px2rem-loader自适应处理

法一：webpack配置config.module.rule('svg').exclude.add(resolve('src/icons')).end()config.module.rule('icons').test(/\.svg$/).include.add(resolve('src/icons')).end().use('svg-sprite-loader').loader('svg-spr
一只鱼_d589·2023-09-02 17:34

H5 部分安卓机 内置浏览器低版本 不显示1px 的border

vue项目中使用的px2rem插件，自动将css样式中的px转成rem。
犹豫大王·2023-08-30 12:41

vue-cli2中使用px2rem适配

lib-flexiblecnpminstall--savelib-flexibleoryarnaddlib-flexible--save//main.jsimport'lib-flexible/flexible'2.安装px2rem-loadercnpminstall
高泽斌·2023-08-30 01:19

react自适应布局 px转rem

引言在create-react-app项目中配置绝对单位px转换为相对单位rem,其中使用postcss-plugin-px2rem转换css/less/sass文件(此插件不支持内联样式转换)，使用编写的
·2023-08-26 16:06

小程序配置px2rem

小程序是rpx转rem,统一配置：npminstallpx2rpx-loaderconstpx2remLoader={loader:'px2rem-loader',options:{remUnit:75
船长在船上·2023-08-19 10:19

基于vue-cli4配置px2rem做到移动端自适配

postcss-px2rem可以帮助我们自动完成转换。一、安装模块cnpminstallamfe-flexiblepostcss-px2rem-Samfe-flexible：是rem的适配插件。
CoolBoy_52e5·2023-08-17 20:53

vue+px2rem实现pc端大屏自适应(rem适配)

配置前言项目构建：基于vue-cli3构建，使用postcss-px2rempx2rem-loader进行rem适配实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将
木易先生灬·2023-08-16 06:30

pc端网页屏幕自适应适配方案（rem）

1、安装flexible和postcss-px2remnpmilib-flexible--savenpmipostcss-px2rem--save-dev2、在main.js引入lib-flexibleimport'lib-flexible
siem·2023-08-15 05:56

Vue3 + want ui搭建移动端项目

1、安装px转rem插件npmilib-flexible--save(dependencies项目运行时的依赖，程序上线后仍然需要依赖)npmipx2rem-loader--save(devDependencies
troyoqczaq·2023-08-15 00:47

【Vue】屏幕适配（rem响应式布局）

目录一、所有页面适配，页面布局一致（不使用媒体查询）第一步：使用插件修改单位使用postcss-px2rem----修改单位（包括第三方组件）使用postcss-px2rem-exclude---修改单位
哇哦Q·2023-08-12 18:52

如何在vue3.0中实现自适应不同分辨率

首先我们需要要安装一些依赖npm i lib-flexible-computer -S //根节点会根据页面视口变化而变化font-size大小npm i px2rem-loader -D//自动将px
rta_bh·2023-08-11 20:05

2019-07-31

PostCSS的插件--关于vuerem适配布局方案PostCSS的插件作用：用于自动将像素单元生成rem单位记以下三种postcss-plugin-px2rempostcss-pxtorempostcss-px2rem
逍遥超·2023-08-09 10:02

postcss-px2rem-exclude打包rem影响其它项目的解决方案

在同一个VUE实例下的多个项目，比如一个是H5，另一个为Admin管理系统，那么在H5中使用了"postcss-px2rem-exclude"，这样会影响到Admin页面里的样式变化，这个时候我们就需要把需要的文件在编译时打包成
蚂蚁上的大象·2023-08-08 21:37

vue cli2 3 4使用lib-flexible px2rem完美解决移动端适配问题

安装lib-flexible$npminstalllib-flexible--savelib-fiexble,lib-flexible会自动在html的head中添加一个metaname="viewport"的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是1rem等于html根节点的font-size。假如设计稿的宽度是750px，此时1rem应该等于75px。假如量的
WEB_克克·2023-08-08 11:24

css中，用px自动转化为rem

Phone默认的最大宽度$ratio:375/10;//默认的初始值@functionpx2rem($px){@return$px/$ratio+rem}后期在使用时，先引入mixin.scss文件，然后调用
Lonely0306·2023-08-05 06:20

px2rem-loader保留px不转换为rem

遇到问题：使用插件px2rem-loader时，有部分样式不想要自动转换成rem解决办法：将px改为PX即可px2rem-loader只会识别px并转换成rem，不会转换PX
幽小鬼·2023-07-29 05:45
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他