wswmsword / postcss-mobile-forever

一款 PostCSS 插件,将固定尺寸的视图转为可跟随宽度变化而等比例伸缩的视图。To adapt different displays by one mobile viewport.
https://wswmsword.github.io/examples/mobile-forever/vanilla/
MIT License
325 stars 19 forks source link

配置selectorBlackList无效? #56

Closed ren2436 closed 3 weeks ago

ren2436 commented 1 month ago

selectorBlackList: ['.ignore', 'keep-px'],

给元素添加 class ignore,样式中的px依旧会转换为vw,是配置有啥问题么? 目前使用注释的方式是没问题的 / mobile-ignore-next /

wswmsword commented 1 month ago

你好,项目运行之后从浏览器开发者工具看下元素选择器,选择器的名称有没有被其它插件改变,名称如果在 mobile-forever 检测之前变化,就识别不到你设置的 ['.ignore', 'keep-px']

ren2436 commented 1 month ago

你好,项目运行之后从浏览器开发者工具看下元素选择器,选择器的名称有没有被其它插件改变,名称如果在 mobile-forever 检测之前变化,就识别不到你设置的 ['.ignore', 'keep-px']

image 我实在是想不到任何办法,用最简单的写法也无法生效

wswmsword commented 1 month ago

这个功能是这样的:

.ignore {
  width: 15px;
  margin: 8px;
}
<div class="ignore">忽略</div>

上面的代码不会转换,下面的代码将会被转换:

.main {
  width: 15px;
  margin: 8px;
}
<div class="main ignore">不忽略</div>

插件只扫描 CSS 文件,不扫描 HTML 结构,selectorBlackList 忽略的是标记选择器名称下的样式,不是在 html 同一 class 下的所有样式。感觉你是不是用的不对?

ren2436 commented 3 weeks ago

明白了