Что я могу сделать, когда я меняю разрешение экрана? - PullRequest
Новая
       23

Что я могу сделать, когда я меняю разрешение экрана?

0 голосов
/ 21 января 2019

Всякий раз, когда я использую старый MacBook или компьютер, мой веб-сайт разваливается, поля и фоновое изображение просто мусор.Я знаю, что проблема связана с моим фоновым изображением, но я действительно хочу сохранить эти элементы, и я не вижу другого способа вставить их. Я не могу найти способ вставить их с помощью CSS.

Я ужепопытался отделить фоновые изображения и другие элементы и добавить их через css, но это не в моей лиге. 

.index-background{
    background-image: url("../assets/img/index-background-3.svg");
    background-repeat: no-repeat;
    height: 425rem;
    width: 192rem;
}

Я хочу, чтобы мой сайт выглядел хорошо при любом разрешении

1 Ответ

0 голосов
/ 22 января 2019

@ media станет вашим другом здесь. При этом вы можете выбрать разные разрешения. 

@media only screen and (min-width : 768px) and (max-width : 1024px) {
.index-background{ height: HEIGHTTHATWORKS FOR THESE RANGES;
width: WIDTHTHATWORKS; }}

Вышеуказанное изменит высоту и ширину индексного фона, если ширина браузера равна или между 768px и 1024px.

Вы также можете проверить это ... https://www.w3schools.com/cssref/css3_pr_background.asp. Он покажет вам различные способы изменения фона для заполнения области так, как вам нужно.

...