@semenvachekin

Резиновая верстка как сделать?

Как сделать резиновую верстку И как высчитывать все все в vh vw, отступы, размер шрифта, высоту блока и прочее, подскажите пожалуйста!
  • Вопрос задан
  • 717 просмотров
Пригласить эксперта
Ответы на вопрос 3
Lord_Dantes
@Lord_Dantes
Слишком обширный вопрос его, на нем ездить можно вдоль и в поперек.
Например я делаю на сетке бутстрапа и там оно как-то "автоматом" получается за счет того что я пишу классы которые уже имеют все необходимые настройки.
Если допустим с нуля - то чтобы выглядело красиво ставить максимально возможную ширину и высоту.
А, дочерним блокам я бы ставил width: 100%; Кроме моментов где это не нужно. Говорю же наглядно, это достаточно обширный вопрос, смотря в каком месте и для каких элементов типо везде по разному.
Ответ написан
dimovich85
@dimovich85
JS is everywhere
Этому учится надо, так в двух словах не ответить. Не везде надо писать все в vw, vh, а даже в таком подходе много где надо писать пиксели. Если хотите разобраться могу помочь, но в одном ответе не описать.
Ответ написан
@ArutaGerman
Хороший макет psd, figma и т.д. включает в себя нужные разрешения дисплея и нужно только выставить согласно макета размеры.
Но бывает что в хроме отображается как надо - во всю ширину, но в firefox это 3 строки и всё. Вот тут уже выбрать надо самому что испоьзовать и какой размер задать - зависит от задачи уже.

Например: верстается страница для печати, заполняющаяся динамически (1-17 строк может быть, не считая хедер и футер).

Проценты тут не помогут, как и пиксели.
Но имеет смысл задать justify-content: space-between; min-width: 100vh чтобы футер и хедер вдруг не оказались посреди страницы. .
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы