App + desktop example

English · 简体中文

Build the compiler once in the repository root, then process input.css with any PostCSS runner:

npm run build
node dist/cli.js examples/app-pc/input.css \
  -c examples/app-pc/adaptive.config.mjs \
  --targets "ios_saf 13, chrome 90"

adaptive.config.mjs holds the options; postcss.config.mjs imports them, so running this through PostCSS instead compiles exactly the same thing. --targets is optional and prints the browser-support audit after the table.

What this example shows:

• a 375 app design file and a 1440 desktop design file in one build;
• safe-area variables for notched screens;
• hairline preservation, so a 1px border stays 1px;
• text written as rem + vw, so browser zoom still reaches it;
• a root container capped at a maximum width and centred.