Size: a a a

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

2020 May 24

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
но кому как приятно
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
с функцией всё понятно, спс. Хороший вариант.

62.5% загуглил, лучше чем 10px тем, что "не сбивают" настройки пользователя. Но мою проблему всё равно не решит, т.к. текст без стилей всё равно останется мелкий и на body всё равно нужно будет вешать 16px?
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Romanovskiy
с функцией всё понятно, спс. Хороший вариант.

62.5% загуглил, лучше чем 10px тем, что "не сбивают" настройки пользователя. Но мою проблему всё равно не решит, т.к. текст без стилей всё равно останется мелкий и на body всё равно нужно будет вешать 16px?
на HTML
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
:root
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
ну да, если всё в ремах —  увеличивай дефолт
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
понял, т.е. либо дефолт не трогаем совсем и использую функцию,

либо так:
html{
 font-size: 62.5%;
}
body{
font-size: 1.6rem;
}


правильно?
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
у меня обычно всё вообще в ремах, но да
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
У меня тоже и всё было хорошо, но последнее время заказчикам нередко бьёт моча в голову и допустим хочется сделать новую контентную страницу. Они возьмут и нахреначат  в редакторе голый хтмльный код без классов и жалуются, почему текст мелкий.
Можно конечно раздел контента обернуть в какой-нибудь контейнер, например .page-content, и задать fz16px ему, а не всему body, но этим захотелось контент новый вставить, другим захочется новый блок в другое место запихать)
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Ну как бы…
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
И ещё можно вопрос от деревни))

Нашёл твою функцию:
$base-font: 16;

@function strip-unit($num) {
 @return $num / ($num * 0 + 1);
}

@function rem($num) {
 @return strip-unit($num) / $base-font * 1rem;
}

зачем нужна strip-unit? Она же всегда возврщает то, значение, что в неё шлём?
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
нет
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
читай внимательнее её название
источник

T

Tim in CSS — русскоговорящее сообщество
Romanovskiy
У меня тоже и всё было хорошо, но последнее время заказчикам нередко бьёт моча в голову и допустим хочется сделать новую контентную страницу. Они возьмут и нахреначат  в редакторе голый хтмльный код без классов и жалуются, почему текст мелкий.
Можно конечно раздел контента обернуть в какой-нибудь контейнер, например .page-content, и задать fz16px ему, а не всему body, но этим захотелось контент новый вставить, другим захочется новый блок в другое место запихать)
Если они нахерачат голый хтмл в редакторе то помоему не в ремах проблема а в том что они долбоебы? Или в том что вы это заранее не обсудили.

Если на фронт приезжает какой-то контент который ты не можешь застайлить изначально (например текст в админке вбили в блок) надо либо через обертку стайлить, либо с бэка отдавать с нужными классами (первое предпочтительней, но не всегда возможно).
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
Обёртка это например вышеупомянутый  .page-content вокруг блока с контентом?
источник

К

Константин in CSS — русскоговорящее сообщество
Romanovskiy
И ещё можно вопрос от деревни))

Нашёл твою функцию:
$base-font: 16;

@function strip-unit($num) {
 @return $num / ($num * 0 + 1);
}

@function rem($num) {
 @return strip-unit($num) / $base-font * 1rem;
}

зачем нужна strip-unit? Она же всегда возврщает то, значение, что в неё шлём?
scss не js, тут есть единицы измерения у значений.
Он их сносит.
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Romanovskiy
Обёртка это например вышеупомянутый  .page-content вокруг блока с контентом?
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
вот весь сайт на rem-ах
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
контент забивают отнюдь не программисты
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
просто заранее расставленные ограничения — это тоже процесс разработки
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
но сдуру, конечно, можно и х.. вост сломать
источник