postcss

vw移动端适配 与 vant 集成 导致 vant组件缩小如何解决？

修改.postcsssrc.js中关于postcss-px-to-viewport的selectorBlackList忽略转换的配置可解决问题，配置如下module.exports={"plugins"
趣有书·2023-07-28 20:10

vue-element-admin中实现自适应功能

有这样一个需求：在1920*1080下视图显示正常，但是需要在1600*900下也要显示正常（在vue-element-admin下）我们直接使用postcss-px-to-viewport这个插件。
steamedbread321·2023-07-28 12:23

vue-element-admin中实现自适应功能

npminstallpostcss-px-to-viewport--save-dev项目根目录下建一个名字为.postcssrc.js的js文件(前边的.别忘了)，在该文件里写以下代码//添加如下配置：
小坚果_·2023-07-28 12:51

CSS Sprite精灵图如何缩放大小

在移动端项目当中，如果要使用精灵图的话，因为我做了px自动转换vw单位，所以在使用的时候，position位置正常写单位是px，但是转化成vw后就找不到对应的图片了"postcss-px-to-viewport
xuanwulb·2023-07-28 08:41

vue中px转化为rem

手机项目中px自动转化为rem会大大的方便开发，一开始我使用的插件是px2rem-loader然后经过配置启动后，报错，说是没有找到mint-ui的样式，我的项目有使用mint-ui这个ui库然后我使用postcss-plugin-px2rem
随遇而安_fbca·2023-07-28 03:45

vue 中安装插件实现 rem 适配以及 js 常用适配代码

postcss-pxtorem是PostCSS的插件，用于将像素单元生成rem单位。autoprefixer浏览器前缀处理插件。
来杯卡布奇洛·2023-07-28 02:05

vite+vue3 css scss PC移动布局自适应

1.安装postcss-pxtorem和autoprefixernpminstallpostcss-pxtoremautoprefixer--save2.vite.config.js引入并配置importpostCssPxToRemfrom'postcss-pxtorem'importautoprefixerfrom'autoprefixer'exportdefaultdefineConfig
有趣的前端·2023-07-27 18:16

vue3+vite 使用 postcss-pxtorem、autoprefixer 实现自适应和自动添加前缀

自动添加前缀：自适应：1、安装postcss-pxtorem和autoprefixernpminstall postcss-pxtorem --savenpmiautoprefixer2、vite.config.js
想不到耶·2023-07-27 07:20

vue项目postcss-px-to-viewport自动适配各种分辨率，px单位自动转vw单位，脚手架cli2.0、cli3.0、cli4.0配置方法汇总

背景介绍：有个项目需要适配pc端的多种分辨率，我想到了px单位自动转vw的插件，但是我的项目脚手架用的是cli3.0的版本，我引入postcss-px-to-viewport后一直无法生效，找了很多地才找到
银鞍照白马·2023-07-27 06:04

webpack初始化vue项目(四)——其它插件安装

在上一章，我们已经可以正常的编译运行项目了我们还需要一些插件来加快我们的开发速度1.postcss-loader和autoprefixer这两个loader用于补齐css的兼容前缀类似-webkit-moz-o
明月半倚深秋_f45e·2023-07-26 23:14

PostCSS plugin postcss-pxtorem requires PostCSS 8.

在项目中做移动适配的时候运行如下命令1.下载postcss-pxtorem和lib-flexible包npminstallpostcss-pxtorem--save-dev或npmipostcss-pxtorem-D
王——小喵·2023-07-26 20:58

基于vue-cli3的vue项目 通过postcss-pxtorem 实现px自动转换成rem

使用postcss-pxtorem项目中的px转换为rem，rem单位用于适配不同宽度的屏幕。
唯吾听烟雨·2023-07-26 09:24

postcss-pxtorem

Rem布局适配如果需要使用rem单位进行适配，推荐使用以下两个工具：postcss-pxtorem是一款PostCSS插件，用于将px单位转化为rem单位lib-flexible用于设置rem基准值PostCSS
书中自有妍如玉·2023-07-26 00:05

css终极方案PostCSS

一见如故原理所有的css框架都在一样的事，那就是由一个css生成一个新的css，那么postcss就来做了一个抽离：1、将原有的css解析成抽象语法树2、中间经过若干个插件3、重新文本化，形成新的csspostcss.config.jsmodule.exports
monstkl·2023-07-25 14:23

在vue项目中使用postcss-px2rem插件把px转变为rem，并配合给html根元素设置fontsize，来实现页面的自适应效果

在vue项目中使用postcss-px2rem插件把px转变为rem，并配合给html根元素设置fontsize，来实现页面的自适应效果安装postcss-px2rem插件，目的：把px转变为remvue.config.js
miao_zz·2023-07-25 00:35

PostCSS Loader has been initialized using an options object that does not...

module.exports={module:{rules:[{test:/\.less$/,use:['style-loader','css-loader','less-loader',{loader:'postcss-loader
LXEP·2023-07-23 20:21

Vue-cli 3.0 px转rem移动端适配方案

在Vue-cli3.0搭建的项目中，对于移动端的适配使用到lib-flexible和postcss-pxtorem这两个插件使用方法npminstalllib-flexiblepostcss-pxtorem
天使爱打盹·2023-07-22 22:11

vue 移动端h5引入vant 和echarts的适配

1.下载插件"lib-flexible":"^0.3.2","postcss-pxtorem":"^6.0.0","vant":"^2.12.54",2.建vant文件夹按需分配.在入口文件main.js
文仔酱酱酱·2023-07-21 18:02

postcss-plugin-px2rem 移动端适配原理

1安装postcss-plugin-px2remnpmipostcss-plugin-px2rem --save-dev2webpack配置postcss-loaderconstpx2rem=require
跑跑快跑·2023-07-20 22:49

前端工程化第二章：webpack基础（中）

webpack.config.js2.处理预编译器（less/scss）2.1.src/index.js2.2.src/index.less2.3.src/index.scss2.4.webpack.config.js3.适配（postCss
剑九 六千里·2023-07-20 04:55

vue3.0 + ts 项目实现pc端和移动端的适配+判断设备

postcss-pxtorem":"^5.1.1"就是这个插件，它可以自动将px转化成rem,也就意味着我们可以不再使用之前自己写的转
qiao若huan喜·2023-07-19 18:49

2020-09-28 解决 vue 使用 element-ui 报错 in ./node_modules/[email protected]@element-ui/lib/theme-cha...

由于配置了postcss的插件autoprefixer自动添加前缀插件，在插件配置时出错，参照官网的配置，并没有配置规则module.exports={'plugins':{//toedittargetbrowsers
等风也等汐·2023-07-19 06:24

利用 AST 和 PostCss 处理 CSS

转化为易操作的AST进行处理，postCSS的插件机制支持完成这样的扩展功能。
薛定谔的猫96·2023-07-19 03:38

移动端布局方案 postcss-px-to-viewport

前言淘宝lib-flexible+postcss-pxtorem方案此方案的地址lib-flexible+postcss-pxtorem是解决移动端布局的主流lib-flexible是阿里手淘系开源的一个库
squidbrother·2023-07-18 23:50

使用rem

1，安装rem布局包npmiamfe-flexible-Snpmipostcsspostcss[email protected]，在main.js引入import'amfe-flexible'3，与src
宇少_e010·2023-07-18 18:30

基于vue/cli 4.5.11 + vant3.0 搭建移动端项目 使用 postcss-pxtorem+amfe-flexible 实现将px转换成rem

基于vue/cli4.5.11+vant3.0搭建移动端项目使用postcss-pxtorem+amfe-flexible实现将px转换成rem已初始化vue/cli安装postcss-pxtoremamfe-flexiblenpminstallpostcss-pxtorem-Dnpminstallamfe-flexible-S
xyzshen·2023-07-17 17:07

前端工程化概念

1.前端工程化全副武装：通过工程化提升【战斗力】"刀耕火种"的年代6b7tdf.png技术是为了解决问题而存在的面临的问题想要使用ES6+新特性，但是兼容有问题想要使用Less/Sass/PostCSS
红尘灬客栈·2023-07-17 10:45

uniapp踩坑记

首先我是用cli创建的项目1.项目配置px转rpx安装postcss-pxtorpx-provite.config.ts配置import{defineConfig}from'vite'importunifrom
maomizone·2023-07-17 03:25

PostCSS自动将px转换成rem

3.使用PostCSS自动将px转换成remhttps://www.npmjs.com/package/postcss-pxtorem3.1安装postcss-pxtoremnpminstallpostcss-pxtorem-D3.2
Cynicism·2023-07-15 07:13

PostCSS分享

前沿背景我们在书写css的时候其实经历了以下几个阶段：手写原生CSS使用预处理器Sass/Less/stylus使用PostCSS使用cssmodules使用cssinjs原生css缺点：语法不够强大，
只会写Bug的程序员·2023-07-15 06:28

Syntax Error: Error: Loading PostCSS Plugin failed: Cannot find module ‘autoprefixer‘

文章目录1、出现的错误：1、代码展示2、图片展示问题：2、问题解决过程1、在package.json文件中2、main.js中添加一句话3、下面内容注释掉参考的博客1、出现的错误：1、代码展示E:\librarycat\admin>npmrunserve>[email protected]:\softwork\Practice_Yg\daiding\librarycat\admin>vue-cli-s
梦幻蔚蓝·2023-07-14 15:50

关于postcss-px-to-viewport引入vux，组件中px被转化为vw解决方案

首先要找到问题的原因：仔细查阅了vux文档，vux的样式是直接引用的weui样式我down下来weui源码，以switch组件为例：图片.png在浏览器中展示的字体则是：图片.png那么在项目中px单位就被转化成了vw单位，看着怎么都感觉小了很多~~~由于没有人催进度，所以就想着解决一下这个问题。首先受到github上一个issue的启发，通过配置exclude避免第三方组件被转化。链接地址：ht
前端小学生_f675·2023-07-14 03:19

ERROR: PostCSS received undefined instead of CSS string

ERROR:PostCSSreceivedundefinedinsteadofCSSstring开发项目a的时候用的node版本比较低，拿到b项目的时候提示版本过低，要升级下node，本来想跟新下node
科罗拉多·2023-07-13 16:33

vue3利用postcss-px2rem自动转换px成rem形成屏幕自适应

注意postcss-px2rem与vue的版本1.安装插件npmilib-flexible-computer-S//根节点会根据页面视口变化而变化font-size大小npmipx2rem-loader-D
肖_53e4·2023-06-29 15:19

基于react/vue移动端适配之px自动转rem、vw

开始之前，我们先来了解一个概念【PostCSS】PostCSS是一个用JavaScript工具和插件转换CSS代码的工具，类似babel对js的处理。常见的功能如：1.使用下
forever_提拉米苏·2023-06-23 08:37

05-Browserslist

就是当我们设置了一个条件：>1%；我们表达的意思是css要兼容市场占有率大于1%的浏览器，js也要兼容市场占有率大于1%的浏览器；如果我们是通过工具来达到这种兼容性的，比如后面我们会讲到的postcss-prest-env
coder_yihua·2023-06-22 08:23

08-babel

babel命令行使用babel本身可以作为一个独立的工具（和postcss一样），不和webpack等构建工具配置来单独使用如果我们希望在命令行尝试使用babel，需要安装如下库@babel/core：
coder_yihua·2023-06-21 21:05

https://www.tailwindcss.cn/

在项目根目录下打开终端/命令提示符，运行以下命令以安装TailwindCSS：npminstalltailwindcss或者，如果您使用的是Yarn：yarnaddtailwindcss配置运行以下命令，为您的项目设置PostCSS
Lval·2023-06-21 09:13

移动端布局方案 postcss-pxtorem

通过postcss-pxtorem来实现自动渲染px至rem的开发与生产工作而不需要再手动计算实现方式postcss-pxtorem：将px转换为pxamfe-flexible：为html、body添加
shxs875·2023-06-21 06:40

Vue2 Vue3 Scoped 样式穿透

实现css模块化就需要用到样式穿透，更改组件的样式scoped的原理Vue中的scoped通过在DOM结构以及css样式上加唯一不重复的标记:data-v-hash的方式，以保证唯一（而这个工作是由过PostCSS
潮汐未见潮落·2023-06-19 12:39

vue3中引入tailwingcss

1、安装依赖cnpmi-Dtailwindcsspostcssautoprefixer2、安装完成后，创建tailwind.config.js和postcss.config.js配置文件，继续再控制台输入命令如下
甜菜，是我鸭！·2023-06-19 10:40

vue-video-player 手机端使用postcss-pxtorem自适应大小

-->//import'video.js/dist/video-js.css'////importvideoPlayerfrom'vue-video-player'exportdefault{name:"videoPlayerChild",components:{},data(){return{poster:'',isPlay:false,playerOptions:{//playbackRate
小和尚敲木头·2023-06-17 03:59

vue-cli3搭建项目实现移动端自适应----- flexible和 postcss-px2rem

1、安装flexible和postcss-px2remnpmilib-flexiblepostcss-px2rem--save2.在项目入口文件main.js中引入lib-flexibleimport'lib-flexible
大大。·2023-06-15 15:53

postcss插件使用和适配方案

postcss插件使用和适配方案使用postcss-px-to-viewport插件解决移动端的适配方案。
沐沐茶壶·2023-06-15 15:50

vue 使用postcss-plugin-px2rem（推荐）和 postcss-pxtorem（postcss-px2rem）自动转换px为rem 的配置方法；

如何在vue-cli3.0中使用postcss-plugin-px2rem插件插件的作用是自动将vue项目中的px转换为rem。为什么这三个中要推荐postcss-plugin-px2rem呢？
MT659·2023-06-15 13:45

通用方案px2rem 处理 内联样式、element-ui表头折行、label折行、表单项换行异常

通用方案-处理element-ui表单项label折行、换行异常，表头折行问题背景简介：在实际的生产环境中，客户用到的屏幕大大小小分辨率各有异同，但是为了布局的统一和美观，我们采用了postcss-px2rem
Wonderful_Wan8·2023-06-15 11:06

简述Vue组件使用的3个步骤?,vue通用组件如何设计

vue有自己的脚手架构建工具vue-cli,使用起来非常方便，使用webpack来集成各种开发便捷工具，比如：代码热更新，修改代码之后网页无刷新改变，对前端开发来说非常的方便PostCss，再也不用去管兼容性的问题了
vvccyyqq·2023-06-15 11:27

vue拖拽组件生成前端页面,vue组件拖拽自定义界面

vue有自己的脚手架构建工具vue-cli,使用起来非常方便，使用webpack来集成各种开发便捷工具，比如：代码热更新，修改代码之后网页无刷新改变，对前端开发来说非常的方便PostCss，再也不用去管兼容性的问题了
vvccyyqq·2023-06-15 11:27

vue项目设置的z-index样式无论设置成啥都会被强制改为1

./.postcssrc.js文件。原写法修改后需改成以下片段"cssnano-preset-advanced":{zindex:false,autoprefixer:false}
初心不改_0055·2023-06-15 05:00

小程序开发笔记

开发时，可以使用postcss插件wx-px2rpx将px转换成rpx。ba
·2023-06-13 19:13
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他