postcss-px-morph/dist/style.css

A flexible PostCSS plugin to transform px to rem, vw, or a hybrid of both, with advanced configuration.

/* src/style.css */

.container {
  width: 100vw; /* 应该变为 100vw */
  padding: 4.26667vw; /* 应该变为 4.26667vw */
  border: 0.26667vw solid black; /* 1px 小于 minPixelValue (默认)，应该被忽略 */
}

.title {
  font-size: 6.4vw; /* 应该变为 1.5rem */
  line-height: 2rem; /* 应该变为 2rem */
  margin-bottom: 2.66667vw; /* 应该变为 2.66667vw */
}

.description {
  font-size: 14px; /* px-ignore*/
  margin-top: -4.26667vw;
  height: calc(100% - 6.4vw);
  margin: 0 -4.26667vw 4.26667vw 0;
  color: #333;  /* 不做改变 */
}

@media (max-width: 768px) {
  .container {
    width: 26.66667vw;
  }
}