background-image: url("../assetsimages/book.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
max-width:auto;
height: auto;
Como podem ver no tablet e telemovel não está responsivo e não entendo o porque.
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadePara o background ficar com 100% da altura vc também precisa definir a altura no HTML. Também sugiro usar o background-size
como cover
. Link com a documentação: https://developer.mozilla.org/pt-BR/docs/Web/CSS/background-size
Nesse exemplo abaixo vc pode ver que a imagem sempre fica com 100% da altura ocupa a largura do dispositivo sem perder a "proporção"
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
background-image: url(https://www.digitaltrends.com/wp-content/uploads/2012/04/open-book.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
Imagem do resultado no Chrome DevTools simulando o background em dispositivo móvel.