songsiqi / px2rem

According to one stylesheet, generate rem version and @1x, @2x and @3x stylesheet.
558 stars 92 forks source link

我发现对px改成PX,也不会进行rem转换,是巧合还是故意设计 #17

Closed whidy closed 5 years ago

whidy commented 7 years ago

不太确定如果单位写成PX是否会存在兼容性问题,不过在高级浏览器和我测试的几部手机观察来看未发生异常。 假设通过将单位故意大写为PX而避免转换的话,是不是相对尾部写/*no*/来进行过滤更为方便?

发现这个特征的是在学习postcss的时候用到postcss-pxtorem插件,碰巧测试出来的。 当然个人倒的确倾向于写PX,如果不存在兼容性问题。

示例: 转换前:

.pic-txts {
  text-align: left;
  border:1px solid #ddd; /*px*/
  border-radius: 5PX;
  width:690px;
  display: block;
}

转换后:

.pic-txts {
  text-align: left;
  border-radius: 5PX;
  width: 9.2rem;
  display: block;
}

[data-dpr="1"] .pic-txts {
  border: 0.5px solid #ddd;
}

[data-dpr="2"] .pic-txts {
  border: 1px solid #ddd;
}

[data-dpr="3"] .pic-txts {
  border: 1.5px solid #ddd;
}
kx59717 commented 7 years ago

确实解决了无法保留注释的问题,,,不过兼容性,,怎么测

vok123 commented 5 years ago

正则匹配规则没匹配大写的而已 /\b(\d+(.\d+)?)px\b/