Replacing px with rem in vue project - usage method - 01

Mobile page adaptation, rem and vw adaptation scheme Base point: rem is relative to the font size of the root node. So no px; Root font: font size px; px: think of it as something like cm; Benchmark: 750 design draft (general UI designers give 750 design draft); tool vue cli: use scaffold to build vue front-end project Postcss: it is a ...

Added by crazy_carl on Sat, 22 Jan 2022 03:05:41 +0200

Replacing px with rem in vue project

unscramble 1. Why is the width of the mobile page rendering 640 or 750? To be honest, of course, but for the sake of specification, 640 or 750 is relatively appropriate. Take the Iphone 5s for example. Its css pixel width is 320px. Because its dpr=2, its physical pixel width is 320 × 2 = 640px, which is why you cut a picture in 5s a ...

Added by madsporkmurderer on Fri, 21 Jan 2022 15:45:52 +0200