不生效的问题,可以按照以下步骤进行排查和解决: 检查插件是否正确安装: 首先,确保你已经正确安装了 postcss-px-to-viewport-8-plugin 插件。你可以通过运行以下命令来检查是否已安装:bash npm list postcss-px-to-viewport-8-plugin 如果列表中没有显示该插件,说明你需要进行安装。可以使用以下命令来安装: bash npm...
就是使用 unocss 中px选择器如 w-[1200px] ,期望的是最终页面显示一个 width: 1200px 的元素,但是 postcss-px-to-viewport-8-plugin 插件会把 px 转换成 vw,一个vw相当于屏幕视口的 1%,如果你使用了老师视频中讲解的 postcss-px-to-viewport-8-plugin 插件页面最终的 width: 160vw 。(计算思路是 750 ...
**1.安装安装postcss-px-to-viewport-8-plugin yarn add -D postcss-px-to-viewport-8-plugin **2.在项目下创建postcss.config.js module.exports= {plugins: {'postcss-px-to-viewport-8-plugin': {unitToConvert:'px',// 需要转换的单位,默认为"px"viewportWidth:750,// 设计稿的视口宽度unitPrecision...
因项目需要,用户突然要坚持小屏幕也要观看大屏代码,临时解决方案是加了一个postcss-px-to-viewport ,安装过程中报错Error: true is not a PostCSS plugin 首先声明我的vue-cli中package-lock.json写的webpack版本是4.28.4 解决办法 方案1.其下面代码添加到package.json里即可 "peerDependencies":{"postcss":"^8.0...
postcss-px-to-viewport 替换 postcss-px-to-viewport-8-plugin 修复因为postcss版本导致的atRule is not a constructor问题 对应库版本 "postcss":"^8.3.8",// 8.0.0版本都不会转单位"postcss-loader":"^6.1.1", 安装 npminstallpostcss-px-to-viewport-8-plugin-Doryarnaddpostcss-px-to-viewport-8-plugi...
@function pad($px) { @return calc(#{$px * 100vmin} / #{$padViewport}); } 然后写一个JS 实现同样的功能 获取设备类型,转换尺寸 import{useWindowSize}from'@vant/use'//vant获取屏幕尺寸,可自行替换import{ref,watch}from'vue'// phone 手机 pad 平板 设备类型exporttypeScreenTypeReutrn='phone'|...
postcssPlugin: 'postcss-px-to-viewport', Once (css, { result, AtRule }) { css.walkRules(function (rule) { // Add exclude option to ignore some files like 'node_modules' var file = rule.source && rule.source.input.file; if (opts.include && file) { ...
:"^18.8.0","@vitejs/plugin-vue":"^3.1.0","postcss-px-to-viewport-8-plugin":"^1.1....
当前版本v1.1.1长期未更新,include在vue3项目中实测不生效。不设置或者将其设置成include: undefined 如果控制台报以下错误: 可以通过将 postcss-px-to-viewport 换成 postcss-px-to-viewport-8-plugin 解决,配置文件: module.exports = { plugins: {
把viewportWidth, viewportHeight 都缩下一半 0 0 0 没找到需要的内容?换个关键词再搜索试试 向你推荐 postcss-loader 有版本问题 2020年的今天,px-to-viewport方案是不是更好? postcss的配置问题 配置less-loader遇到的问题随时随地看视频慕课网APP 相关...