Картинка фона уходит в margin

[abceprst]

Изучаю поведение тега background-size, даю ему значение contain и фоновое изображение прячется в margin: https://jsfiddle.net/abceprst/upb3jkd6/1/

Что происходит и почему так? Если отменить для него no-repeat, то замостит весь экран.

[Vlad_P]

Не надо использовать margin для элемента body.

[abceprst]

А я марджин и не задавал. он уже там был

[Vlad_P]

Следует обнулять. обычно для этого используют раличные готовые решения, например, reset.css, bootstrap-reboot.min.css - от бутстрапа и т.д. Просто для примера - создайте div, не используя body

[abceprst]

каждый о своем...

[Switch74]

логичное поведение
полагаю вам нужно использовать cover

чтобы понять что не так у вас добавьте к вашему коду
 

html, body{
  height:100%;
}

 

[abceprst]

37 минут назад, Switch74 сказал:

логичное поведение

 

Вот я и пытаюсь разобраться логике происходящего. картинка имеет свои размеры, но почему-то была уменьшена. создается впечатление, что уменьшена она с целью поместить ее в margine от body - https://jsfiddle.net/abceprst/upb3jkd6/5/

Почему?

[Switch74]

она уменьшена чтобы поместить ее в body который имеет размер height:0px и т.к. body - это специфический элемент background привязывается к html размеры которого зависят от margin-top этому и равен размер вашего фона

[abceprst]

9 минут назад, Switch74 сказал:

она уменьшена чтобы поместить ее в body который имеет размер height:0px

Если я помещу в body див с определенными размерами это должно повлиять на размеры body? но картинка продолжает брать свой размер из все той же величины маржина https://jsfiddle.net/abceprst/upb3jkd6/18/

[Switch74]

27 минут назад, abceprst сказал:

Если я помещу в body див с определенными размерами это должно повлиять на размеры body? но картинка продолжает брать свой размер из все той же величины маржина https://jsfiddle.net/abceprst/upb3jkd6/18/

величины маржина + див

[abceprst]

почему маржин?

[Switch74]

потому что он увеличивает размер html

[abceprst]

зачем его увеличивать и при чем тут фоновая картинка?

[Switch74]

увеличивать его я не предлагаю
картинка при том, что на ее размер влияет маржин по той причине которую я описал выше
 

[abceprst]

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

[Switch74]

а я разве говорю что в вашем случае он не влияет?