搜索结果
查询Tags标签： PostCSS，共有 31条记录-
vue2 -- 移动端自适应（postcss-px-to-viewport）
1、安装依赖npm install postcss-px-to-viewport --save2、修改文件.postcssrc.jsmodule.exports = {"plugins": {"postcss-import": {},"postcss-url": {},"postcss-aspect-ratio-mini": {},//用来处理元素容器宽高比"post…
2022/6/20 23:21:39 人评论 次浏览 -
webpack(二)——css-loader,style-loader,less-loader,postcss-loader
1. css-loader在js文件夹下新建component.js function component() {const element = document.createElement("div");element.innerHTML = ["hello", "webpack"].join(" ");element.className = "content";return ele…
2022/4/25 6:14:56 人评论 次浏览 -
vue - 搭建 webapp 自适应项目-使用 vant 组件库 并 可自动调节大小
1.创建个vue 项目，这里不详细写怎么创建，参考 vue - 指令创建 vue工程 - 岑惜 - 博客园 (cnblogs.com) https://www.cnblogs.com/c2g5201314/p/15660810.html 使用vue2.0 2.分别执行指令安装 vant npm i vant -S 安装按需引入vant差插件 npm i babel-plugin-import -…
2022/1/5 6:04:26 人评论 次浏览 -
vue - 搭建 webapp 自适应项目-使用 vant 组件库 并 可自动调节大小
1.创建个vue 项目，这里不详细写怎么创建，参考 vue - 指令创建 vue工程 - 岑惜 - 博客园 (cnblogs.com) https://www.cnblogs.com/c2g5201314/p/15660810.html 使用vue2.0 2.分别执行指令安装 vant npm i vant -S 安装按需引入vant差插件 npm i babel-plugin-import -…
2022/1/5 6:04:26 人评论 次浏览 -
根据设计稿尺寸，样式自适应各个分辨率（vue）插件：postcss-px-to-viewport
插件：postcss-px-to-viewporthttps://www.npmjs.com/package/postcss-px-to-viewport 简介 将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件. 如果你的样式需要做根据视口大小来调整宽度，这个脚本可以将你CSS中的px单位转化为vw，1vw等于1/100视口宽度。…
2021/11/16 23:42:05 人评论 次浏览 -
根据设计稿尺寸，样式自适应各个分辨率（vue）插件：postcss-px-to-viewport
插件：postcss-px-to-viewporthttps://www.npmjs.com/package/postcss-px-to-viewport 简介 将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件. 如果你的样式需要做根据视口大小来调整宽度，这个脚本可以将你CSS中的px单位转化为vw，1vw等于1/100视口宽度。…
2021/11/16 23:42:05 人评论 次浏览 -
Vite中使用flexable和postcss-pxtorem进行移动端适配
如果使用Vue进行移动端页面的开发，需要对不同机型的宽高进行适配。最常用的方法是使用amfe-flexable和postcss-pxtorem这两个插件来帮助进行适配。 amfe-flexable amfe-flexable是阿里发布的一套可伸缩适配方案。它能根据设备的宽高来设置页面body元素的字体大小，将1rem…
2021/11/15 23:14:42 人评论 次浏览 -
Vite中使用flexable和postcss-pxtorem进行移动端适配
如果使用Vue进行移动端页面的开发，需要对不同机型的宽高进行适配。最常用的方法是使用amfe-flexable和postcss-pxtorem这两个插件来帮助进行适配。 amfe-flexable amfe-flexable是阿里发布的一套可伸缩适配方案。它能根据设备的宽高来设置页面body元素的字体大小，将1rem…
2021/11/15 23:14:42 人评论 次浏览 -
[CSS] Purgecss to remove unused css
Install Purgecss to remove unused CSS npm install @fullhuman/postcss-purgecss --save-devEdit postcss.config.js: module.exports = {plugins: [require("tailwindcss"),require("autoprefixer"),process.env.NODE_ENV === "production&qu…
2021/10/17 6:09:34 人评论 次浏览 -
[CSS] Purgecss to remove unused css
Install Purgecss to remove unused CSS npm install @fullhuman/postcss-purgecss --save-devEdit postcss.config.js: module.exports = {plugins: [require("tailwindcss"),require("autoprefixer"),process.env.NODE_ENV === "production&qu…
2021/10/17 6:09:34 人评论 次浏览 -
vue3学习-网易云音乐移动端
1. 项目初始化新建项目vue create myProject使用UI组件库 Vant（下面是全局引入，按需引入看文档）npm i vant@next -S// main.js import Vant from "vant"; import "vant/lib/index.css"; // 这个不能忘 createApp(App).use(store).use(router).use…
2021/10/11 6:14:11 人评论 次浏览 -
vue3学习-网易云音乐移动端
1. 项目初始化新建项目vue create myProject使用UI组件库 Vant（下面是全局引入，按需引入看文档）npm i vant@next -S// main.js import Vant from "vant"; import "vant/lib/index.css"; // 这个不能忘 createApp(App).use(store).use(router).use…
2021/10/11 6:14:11 人评论 次浏览 -
next(react)框架结合lib-flexible，postcss-pxtorem做pc端rem适配解决font-size一直是54px
安装lib-flexible，postcss-pxtorem1 yarn add lib-flexible 2 yarn add postcss-pxtorem 配置postcss-pxtorem 在根目录下建立postcss.config.js文件1 const pxtorem = require("postcss-pxtorem");2 module.exports = {3 plugins: [4 pxtorem({5 rootValue: …
2021/8/7 23:06:28 人评论 次浏览 -
next(react)框架结合lib-flexible，postcss-pxtorem做pc端rem适配解决font-size一直是54px
安装lib-flexible，postcss-pxtorem1 yarn add lib-flexible 2 yarn add postcss-pxtorem 配置postcss-pxtorem 在根目录下建立postcss.config.js文件1 const pxtorem = require("postcss-pxtorem");2 module.exports = {3 plugins: [4 pxtorem({5 rootValue: …
2021/8/7 23:06:28 人评论 次浏览 -
postcss-px-to-viewport移动端布局
cnpm install postcss-px-to-viewport --save-dev.postcssrc.js module.exports = {"plugins": {"postcss-px-to-viewport": {unitToConvert: "px", // 要转化的单位viewportWidth: 750, // UI设计稿的宽度unitPrecision: 6, // 转换后的精…
2021/7/22 23:06:49 人评论 次浏览
