Перейти к содержимому

Фотография
- - - - -

Проблема с адаптивным background-image


  • Вы не можете создать новую тему
  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 firstfire

firstfire

    Прохожий

    Топикстартер
  • Новичок
  • 0
    2 сообщ.

Отправлено 31 Июль 2018 в 23:32

Здравствуйте, изучаю основы html и css, подскажите можно ли реализовать фон таким образом что бы при различных размерах дисплея он был смотрибельным, инструкция background-size: cover; не справляется с задачей в полной мере, в определенный момент изображение делится пополам. Пример конструкции https://jsfiddle.net/6qugmak8/6/ , и не могли бы подсказать как работают остальные свойства background-size, в каких ситуациях используется? Спасибо.


  • 0

Спонсор

#2 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1010
    3 658 сообщ.

Отправлено 01 Август 2018 в 01:29

Тут подробно описано
http://htmlbook.ru/css/background-size

 

Если я правильно понял проблему, то исправляется она вот так

https://jsfiddle.net/6qugmak8/12/


  • 1

#3 firstfire

firstfire

    Прохожий

    Топикстартер
  • Новичок
  • 0
    2 сообщ.

Отправлено 01 Август 2018 в 20:31

Благодарю, подскажите ещё пожалуйста инструкция background-position что делает? Я  потыкал и так понял она выравнивает бекграунд относительно родительского блока, я правильно понял?? И такой еще вопрос, код лучше размещать так как вы в примере сделали, или можно построчно писать? Прошу прощения и почему это работает только с тегом HTML?

Тут подробно описано
http://htmlbook.ru/css/background-size

 

Если я правильно понял проблему, то исправляется она вот так

https://jsfiddle.net/6qugmak8/12/


Сообщение отредактировал firstfire: 01 Август 2018 в 20:43

  • 0

#4 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1010
    3 658 сообщ.

Отправлено 01 Август 2018 в 20:46

инструкция background-position что делает? Я  потыкал и так понял она выравнивает бекграунд относительно родительского блока, я правильно понял??

Да. На такие вопросы есть ответы тут. Настоятельно рекомендую в закладки тот сайт.

И такой еще вопрос, код лучше размещать так как вы в примере сделали, или можно построчно писать?

Можно, главное не забывать про скобочки и точки с запятой.
Но читать код удобнее многострочный
  • 0



Похожие темы Свернуть

  Название темы Форум Автор Статистика Последнее сообщение
Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей