Задать вопрос
@webe
frontend
html

Для чего делать такие размеры?

margin-left:5.65rem

font-size: 1.5em

Часто на сайты вижу отступы и все что только можно в rem.
Зачем так делают, ведь проще сразу написать 24px

Чистал, что основная причина , это масштабирование для мобильников.
т.е. если это мобильник, то просто увеличиваем размер шрифта в body на 5 пикселей и дело в шляпе.
Но какой в этом смысл ? Ведь на мобильниках с включенным viewport и так все идеально видно. (т.е. если комфортно на компе, то будет комфортно и на мобиле с viewport)

Пример из чужих исходников:
5b92d38be6f28016596763.jpeg
  • Вопрос задан
  • 1738 просмотров
1 комментарий
Подписаться 8 Простой 1 комментарий
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Смотрите ситуацию. Я человек с плохим зрением. В моём браузере стоит увеличенный размер шрифта. Я открываю сайт в котором верстальщик шрифты указал как надо, в rem, а на размеры/отступы забил и задал их в пикселях. Получается уродство:

5b935705491c9619831053.png

Потом верстальщик стал умнее, и переписал размеры/отступы в rem'ы и сразу всё стало очень хорошо:

hzhezdpprfkudyrsgnvz0iz1bhs.png

Понятно?
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ответы на вопрос 3
Heian
@Heian
Ашот
Ну вообще, если вы не планируете делать макет зависимым от установленного пользователем в настройках браузера кегля; меняете на различных брейкпойнтах лишь отдельные элементы, вроде заголовков; не планируете делать сайт доступным для разного рода телевизоров, то можете использовать px. Разницы тут никакой нет. А если вы еще и адепт pixel-perfect, и не делаете, например, размер подзаголовков зависимым от заголовков над ними, или отступы по краям кнопки зависимыми от кегля кнопки, то и em вам не нужен. Реальный кейс для осознанного использования rem \ em, который не является данью моде - когда заказчик хочет, чтобы было доступно везде, и при этом не требует pixel-perfect, оставляя разработчику свободу действий и выбора. Но это зачастую утопия.
Ответ написан
1 комментарий
1 комментарий
Vlatqa
@Vlatqa Куратор тега CSS
а потому что px - величина абсолютная, а rem - относительная
Ответ написан
Комментировать
Комментировать
KazeZlat
@KazeZlat
Погромист-затейник
Чтобы слабовидящие люди тоже могли пользоваться сайтом, всего лишь поменяв размер шрифта.
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Настроить интеграцию WhatsBox с Facebook
26 апр. 2024, в 10:43
1500 руб./за проект
УТ+CRM
26 апр. 2024, в 10:21
1200 руб./в час
Фулл стак Laravel + Vue.Js программист на доработку сайта агенства
26 апр. 2024, в 10:17
50000 руб./за проект
Ещё заказы