Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 October 29

ЕЮ

Егор Юдин in HTML/CSS — русскоговорящее сообщество
это какая-то труба, я вообще не понимаю как верстать
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Егор Юдин
это какая-то труба, я вообще не понимаю как верстать
ниче не труба) нет такого чтобы везде верстать vw или пикселями
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
зависит от дизайна
источник

ЕЮ

Егор Юдин in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
зависит от дизайна
Ну вот есть  макет, 1440х1234.

Я попробовал выставить фонт-сайз через vw, а паддинги топ и боттом через vh сохраняя пропорции как на макете. Но высота макета больше, чем у моего монитора, а ширина наоборот меньше. И получился какой-то кал, в котором шрифт здоровый, а паддинги совсем мелкие, хотя по пропорциям все правильно.

Потом я попробовал задать фонт сайз через vw, а паддинги через em с пропорциями относительно размеров шрифтов. Выглядит нормально, но теперь весь контент не влезет на экран.

Так как же мне тогда верстать нужно, чтобы и сохранить пропорции макета и чтобы выглядело нормально.
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Егор Юдин
Ну вот есть  макет, 1440х1234.

Я попробовал выставить фонт-сайз через vw, а паддинги топ и боттом через vh сохраняя пропорции как на макете. Но высота макета больше, чем у моего монитора, а ширина наоборот меньше. И получился какой-то кал, в котором шрифт здоровый, а паддинги совсем мелкие, хотя по пропорциям все правильно.

Потом я попробовал задать фонт сайз через vw, а паддинги через em с пропорциями относительно размеров шрифтов. Выглядит нормально, но теперь весь контент не влезет на экран.

Так как же мне тогда верстать нужно, чтобы и сохранить пропорции макета и чтобы выглядело нормально.
если ширина больше просто монитор меняй) в фикс макете нужно через ремы
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
или пиксели
источник

ЕЮ

Егор Юдин in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
или пиксели
В макете во всю ширину страницы есть 4 блока. Каждому ширину я задал в 100% и сделал обертку с justify-content: space-between. Ну чтобы отзывчиво было, я ведь добросовестный верстальщик. А паддинги как, через пиксели или ремы?? Я если отксроллю на 50%, у меня каждый блок похож на широкого Путина идущего вперёд: блоки в длину нормальные, а в ширину узкие. То есть на широком монике вообще дичь выходит. Я реально не понимаю, как это нужно делать.
источник

K

Kt๏-T๏ in HTML/CSS — русскоговорящее сообщество
Егор Юдин
В макете во всю ширину страницы есть 4 блока. Каждому ширину я задал в 100% и сделал обертку с justify-content: space-between. Ну чтобы отзывчиво было, я ведь добросовестный верстальщик. А паддинги как, через пиксели или ремы?? Я если отксроллю на 50%, у меня каждый блок похож на широкого Путина идущего вперёд: блоки в длину нормальные, а в ширину узкие. То есть на широком монике вообще дичь выходит. Я реально не понимаю, как это нужно делать.
Если хочешь быть pro верстальщиком, то используй rem
источник

K

Kt๏-T๏ in HTML/CSS — русскоговорящее сообщество
Em наследуются от кое-каких элементов, не помню в каких случаях, а rem - нет
источник

ЕЮ

Егор Юдин in HTML/CSS — русскоговорящее сообщество
я че-то глупо загнался как-то. Сделаю всё просто ремами, а на xs s m lg xlg буду писать медиа запросы с изменением фонт-сайза.
источник

K

Kt๏-T๏ in HTML/CSS — русскоговорящее сообщество
Что такое Xs x m lg xlg?
источник

ЕЮ

Егор Юдин in HTML/CSS — русскоговорящее сообщество
ну ширина моника 576, 768, 992 ...
источник

K

Kt๏-T๏ in HTML/CSS — русскоговорящее сообщество
Егор Юдин
я че-то глупо загнался как-то. Сделаю всё просто ремами, а на xs s m lg xlg буду писать медиа запросы с изменением фонт-сайза.
Аа, понял, а размер шрифта делать с помощью ex вроде
источник

K

Kt๏-T๏ in HTML/CSS — русскоговорящее сообщество
Или ремами
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Егор Юдин
я че-то глупо загнался как-то. Сделаю всё просто ремами, а на xs s m lg xlg буду писать медиа запросы с изменением фонт-сайза.
ну да ты должен и фонт сайз менять и размеры а как ты хотел?
источник

ЕЮ

Егор Юдин in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
ну да ты должен и фонт сайз менять и размеры а как ты хотел?
Я хотел, чтобы на таком экране  вёрстка имела вид.. Но если делать по стандартам, в котором xlg (>=1200px) будет последним брейкпоинтом, то всё будет мелкое
источник

K

Kt๏-T๏ in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
ну да ты должен и фонт сайз менять и размеры а как ты хотел?
😁😁
Можно себе сделать меньше работы с запросами, с помощью правильных стилей, употребляя проценты и другие единицы измерения
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Егор Юдин
Я хотел, чтобы на таком экране  вёрстка имела вид.. Но если делать по стандартам, в котором xlg (>=1200px) будет последним брейкпоинтом, то всё будет мелкое
нет это нормально ты же не под телики верстаешь
источник

ЕЮ

Егор Юдин in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
нет это нормально ты же не под телики верстаешь
я как-то об этом не подумал..
источник

ЕЮ

Егор Юдин in HTML/CSS — русскоговорящее сообщество
я щас просто гляжу, что на многих сайтах max-width установлен в районе 1440пх и подумал, что что-то я делаю не так
источник