Closed whidy closed 5 years ago
不太确定如果单位写成PX是否会存在兼容性问题,不过在高级浏览器和我测试的几部手机观察来看未发生异常。 假设通过将单位故意大写为PX而避免转换的话,是不是相对尾部写/*no*/来进行过滤更为方便?
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; }
确实解决了无法保留注释的问题,,,不过兼容性,,怎么测
正则匹配规则没匹配大写的而已 /\b(\d+(.\d+)?)px\b/
不太确定如果单位写成PX是否会存在兼容性问题,不过在高级浏览器和我测试的几部手机观察来看未发生异常。 假设通过将单位故意大写为
PX
而避免转换的话,是不是相对尾部写/*no*/
来进行过滤更为方便?示例: 转换前:
转换后: