How do you use relative units when laying out pages?

Question

css

Do you use them at all? To solve what problems? Why is using pixels not enough?

Answer 1

Lately everything is only in rem/em. From the goodies - the font size smoothly changes when the screen size changes ( article on smashingmagazine, suddenly someone hasn’t read it yet), we don’t think about the exact sizes of indents for text, buttons, or whatever - the very way of thinking becomes different - everything is measured in rem - 0.75, 1, 1.25, 1.5, 1.75, 2, 3, 4, 5... You can make up without a designer (without a layout) according to some sketches and it will look beautiful. You can change things like border-radius depending on the size of the font currently being used: the larger the screen, the larger the letters, and the larger the border-radius (or border-width, or some other property). The grid can also be transformed not at certain screen resolutions, but by rem (at a certain line length) - few think about it, but if you design content-first - this can be very convenient.
Of the features - the designer must think the same way, then you will have complete harmony and mutual understanding with him.

Answer 2

most often pixels
sometimes percentages
very rarely em

Answer 3

https://habrahabr.ru/post/280125/

Answer 4

Check out the new version of Uikit . TB 4 also does not hurt to look.
Just fought with the retina in these versions.

Answer 5

Only pixels, only hardcore)) In fact, using flex and grid, pixels are almost enough. I rarely remember percentages.
And em / rem should first start using the designer, then I) Although the thing is cool, it would be very convenient to set the height of the blocks containing text

Answer 6

em and rem, have recently appreciated their importance. The convenience lies in the fact that you set the font size in one place, all other sizes are formed relative to it. This is useful when you need, for example, to reduce the font to 1280 screen width so that everything does not look gigantic. And in order not to sit and calculate the ratio of px to rem, you can use an online converter