React Frontend Developer

Question 1

Какие бывают значения у background-size?

Accepted Answer

Свойство background-size в CSS определяет размеры фонового изображения элемента. Основные значения этого свойства включают:auto (изображение сохраняет свои исходные размеры), cover (изображение масштабируется, чтобы полностью покрыть элемент), и contain (изображение масштабируется, чтобы полностью вписаться в элемент, сохраняя пропорции). Понимание этих значений помогает создавать более гибкие и адаптивные дизайны.

Question 2

Какие отличия поведения WebView от браузера могут влиять на обработку событий (например resize)?

Accepted Answer

WebView — это компонент для отображения веб-контента внутри нативного приложения, а браузер — самостоятельное приложение. Основное отличие в обработке событий, например resize, заключается в том, что WebView может не генерировать стандартные события браузера при изменении размера, если это изменение инициировано нативным кодом. В браузере событие resize срабатывает при изменении размеров окна, а в WebView это зависит от реализации платформы и может требовать ручного вызова JavaScript. Также WebView может иметь ограничения по таймерам и анимации при свёрнутом состоянии, что влияет на отзывчивость интерфейса.

Question 3

Откуда браузер берёт дефолтное значение font-size для REM и где можно его переопределить?

Accepted Answer

Браузер берёт дефолтное значение font-size для REM из корневого элемента , обычно это 16px. Переопределить его можно, задав свойство font-size для селектора html в CSS. Это влияет на все REM-значения на странице.

Question 4

От чего зависит единица EM — от ближайшего REM или от родительского font-size?

Accepted Answer

Единица em зависит от font-size родительского элемента, а не от rem. Если у родителя font-size 20px, то 1em у дочернего элемента будет равен 20px. Если у родителя не задан font-size, em берётся от ближайшего предка с заданным размером шрифта, иначе от браузерного значения по умолчанию (обычно 16px).

Вопросы React Frontend Developer