前端哥

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

2024-08-043.在根目录新建.postcssrc.js(vant组件偏小。根据机型适配vant组件。4.对于echrat适配移动端,新建font.js.在入口文件man.js引入。2.建vant文件夹按需分配.在入口文件main.js引入。在public文件夹更改index.html。在echart中设置文字大小使用。_vant组件中使用echarts

https://www.qianduange.cn//article/14711.html 分类:前端知识

vue项目开发之样式篇——postcss插件,2024年最新彻底帮你搞懂

2024-07-21文章介绍了postcss-px-to-viewport插件的详细配置,包括单位转换规则、视口宽度高度设定以及与autoprefixer、precss等其他Postcss插件的集成。此外,还提到了如何在项目中配置postcss.config.js以使用这些插件。

https://www.qianduange.cn//article/14089.html 分类:前端知识

vue3 vite5,引入tailwindcss不生效的原因

2024-07-01新版本的vite不需要创建scss样式文件,直接在main.js中导入import "tailwindcss/tailwind.css";另外,对于vite4及以上版本,vite.config.js不需要对tailwind做任何配置,postcss插件vite内部会自动引入进行运行。在App.vue,将img标签的class设置为class='bg-red-900'和class='bg-orange-600'若页面中出现如下红色和橙色背景,则表示tailwindcss引入成功。_vite tailwindcss 不生效

https://www.qianduange.cn//article/13720.html 分类:前端知识

【node版本问题】运行项目报错 Postcss received undefined instead of CSS string

2024-06-24【node版本问题】最近该项目没有做任何修改,今天运行突然跑不起来报错了 `Postcss received undefined instead of CSS string`_postcss received undefined instead of css string

https://www.qianduange.cn//article/13375.html 分类:前端知识

配置postcss-px-to-viewport报错[plugin:vite:css] Failed to load Postcss config module is not defined in

2024-06-22配置postcss-px-to-viewport报错[plugin:vite:css] Failed to load Postcss config module is not defined in_无法找到模块“postcss-px-to-viewport”的声明文件。

https://www.qianduange.cn//article/13338.html 分类:前端知识

【Vite】对 CSS 处理

2024-06-18Vite 会使用 esbuild 或 Postcss 来转换 CSS 文件Vite 解析 CSS 文件的过程:① 使用 fs 模块读取 .css 文件的内容② 创建一个 style 标签,将 .css 文件的内容 copy 到 style 标签内③ 将 style 标签插入到 index.html 的 head 标签中④ 将该 .css 文件的内容替换为 Js 脚本,以便于 CSS 模块化 & 热更新# CSS 模块化 (CSS Module)在协同开发时,可能会出现_vite打包css降级

https://www.qianduange.cn//article/12634.html 分类:前端知识

tailwindcss px转rem方案

2024-06-16tailwindcss转rem tailwindcss适配方案_postcss-px-to-viewport-8-plugin和tailwindcss能一起用吗

https://www.qianduange.cn//article/12227.html 分类:前端知识

Vue Postcss插件pxtorem的使用

2024-06-14Vue Postcss插件pxtorem的使用_postcss-pxtorem怎么使用

https://www.qianduange.cn//article/12107.html 分类:前端知识

CSS中:root伪类的说明和使用

2024-06-13root选择器用匹配文档的根元素。在HTML中根元素始终是HTML元素,所以也可以把:root理解为html根元素选择器,但是比html根元素的优先级高,:root伪类选择器常常被用于定义全局的CSS变量或者设置全局的CSS样式。CSS :root 选择器 | CSS 参考手册定义全局变量你可以使用:rootcss:root {// 定义CSS变量;// 代码中所有盒模型的边框向内挤压cssbody {:root {html {尽管html选择器出现在后面,:root。_css :root

https://www.qianduange.cn//article/11973.html 分类:前端知识

CSS自适应分辨率 amfe-flexible 和 postcss-pxtorem:大屏高宽自适应问题

2024-06-13关键点就在最后的值。它决定了rem与px的转换。需根据系统的设计来做相应处理。有时甲方需要在异屏(2880*1800)系统上展示,也可固定的值,如直接赋值为16px;_pxtorem做适配、分辨率太大就会折叠

https://www.qianduange.cn//article/11971.html 分类:前端知识

65条数据,当前3/7

最近搜索

会员中心 联系我 留言建议 回顶部