Estou desenvolvendo um site pessoal para apresentar meu desenvolvimento como engenheiro Front-End. O problema está sendo o seguinte, defini que o primeiro bloco de visualização (Chamo assim a área de visualização inicial do navegador sem "scrollar") seria completamente preenchido por uma imagem. Usando os seguintes parâmetros num Notebook pequeno de resolução 1920x1080 eu consegui chegar no resultado desejado.
.content-view {
height: 38.4rem;
width: 100%;
position: relative;
background-color: #1D3557;
z-index: 0;
}
#main-page {
background-image: url(../imagens/apps-business-cafe-265626.jpg);
background-attachment: fixed;
background-size: cover;
}O problema é: num computador de mesma resolução porém com muito mais polegadas, a imagem que antes ocupava a tela inteira, toma apenas metade dela. Acredita que um @media não vai resolver pq aparentemente não se trata de resolução.
