Установите фоновое изображение на весь экран (не в окно) и не меняйте размер при сворачивании окна без использования px

Question

Я не нашел, как сделать фиксированное фоновое изображение при первом создании приложения реакции. Я объясню: Когда я делаю команды: npx create-реагировать-приложение activapp cd activapp npm start

Я вижу стандартное приложение реагирования, которое находится на локальном хосте 3000, и реагирует lo go, который вращается. И когда я пытаюсь добавить фоновое изображение в html или body или app. js div, фоновое изображение сжимается, когда я минимизирую свое окно. Я пробовал высоту с% vh vw rem rm и так далее. У меня работал только px, но я не хочу использовать px, потому что он не умещается на весь экран. Так что, если кто-то, пожалуйста, может сказать мне, где я должен добавить фоновое изображение и сделать фиксированный макет сайта (сделайте так, чтобы содержимое в окне не уменьшалось при минимизации). Спасибо!

css файлы: index. css

app. css part2 app. css part1

Answer 1

Чтобы правильно использовать % вместо px, необходимо установить свойство положения для фона. Вы можете попытаться установить position: relative; для элемента html, который содержит фоновое изображение, а затем установить его width и height с помощью %. Я надеюсь, что это решит вашу проблему.