Что использовать для адаптивной вёрстке?

Question

[Дмитрий Белоусов]

Что использовать для адаптивной вёрстке px или vw и где использовать?

Answer 1

[Ivan Bogachev]

для адаптивной вёрстке?

В современной практике нет разделения на резиновую/адаптивную/отзывчивую верстку - это все единый процесс создания компонентов, которые хорошо выглядят на разных размерах экрана. Ответ на ваш вопрос очевиден: используйте тот инструмент, который хорошо решает вашу конкретную задачу. Не нужно вообще всегда использовать вот этот или вот тот инструмент, потому что кто-то в интернете так сказал. Смотрите на логику поведения/применения ваших конкретных компонентов и выбирайте:

1. px - если нужно жестко задать размер
   
2. % - если размер привязан к чему-то в процентном отношении
   
3. vw - если нужно привязать что-то к размеру вьюпорта (например размер шрифта)
   
4. vh - то же самое (ну и vmin/vmax туда же)
   
5. em - если нужно привязать размер чего-то к размеру шрифта (текущему или родительскому)
   
6. rem - то же самое, но глобально (можно использовать везде и для всего)
   
7. cm, mm, in, pt, pc - если нужно красиво выводить на печать
   
8. ex, ch - не сильно удобные единицы измерения в текущих реалиях
   

Answer 2

[Максим]

Если именно разговор о адаптивной верстке а не о резиновой , то можно применять как px так и em rem и т д, но em удобнее

Comments

[Дмитрий Белоусов]

То есть для шрифта и блоков использовать em? А для отступов vw?

[Максим]

Дмитрий Белоусов, для шрифта em rem px , для ширины блоков px, vw а вот высоту лучше не указывать .... пуская тянется сам ... собственно не сложная наука хотя я не знаю всей задачи

[Дмитрий Белоусов]

Максим Ленский, спасибо, добрый человек!

[Максим]

Дмитрий Белоусов, там снизу ответ есть , отметь его решением , тот ответчик опытнее меня