Как растянуть фон на всю страницу?

Question

[slava kk]

С пк фон выглядит нормально, а с телефона получается примерно следующие:



CSS:

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: url(https://i.imgur.com/EVqLY2D.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

Как растянуть фон на весь body?

Answer 1

[Митя ТоДаСё]

попробуй так

html, body {
	width: 100vw;
	height: 100vh;
}

а у body убрать height и width

Answer 2

[Максим]

указывать надо html,body {width:100%, height:100%;}
у фон указывать для body вот так
body{background-image:url(url image);background-size: 100% 100% | cover ; } или так или так

Comments

[Ragtime Kitty]

Зачем указывать размеры для html и ширину для body?