my entry page is 1920x1080 but with a scrool on it

Asked

Viewed 28 times

-2

I want to take the scrool out of the page but when I put the position: Fixed it cuts the page and when I put the position: abosolute, gets an equal scrool on the page presented If anyone has the solution please answer me, thank you.

como podemos ver ter um scrool em baixo e na lateral

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    }
.body {
    min-height: 100vh;
    display: flex;
    width: 1920px;
    height: 1080px;
position: fixed;
}
<!DOCTYPE html>


<html lang="en">


<head>
   
    <meta charset="UTF-8">
   
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <link rel="stylesheet" href="teste pagina entrada color design.css">
   
    <title>Document</title>

</head>


<body class="body">
    
    <img class="Layer_1" src="file:///C:/projetos/Color%20design/Layer%201.png">
    
    <img class="Logo_Branco" src="file:///C:/Users/Caio/Pictures/imagem%20color%20design/Logo%20branco.png">
    
    <h1 class="OUR">OUR</h1>
    
    <h1 class="COLORS">COLORS</h1>

</body>


</html>

If anyone has the solution please answer me, thank you

  • 2

    use percentage measurements, ever thought that not everyone has the monitor that supports this resolution? if using percentage will look good on any monitor/device

  • is about an image?

  • Ricardo Punctual thanks for the tip, already got

1 answer

0

Use this CSS

    .Layer_1 {
        position: fixed; 
        top: 0;
        left: 0;
        //min-width: 100%; 
        //min-height: 100%;
        //z-index: -1;
     }
<!DOCTYPE html>


    <html lang="en">


    <head>
       
        <meta charset="UTF-8">
       
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <link rel="stylesheet" href="teste pagina entrada color design.css">
       
        <title>Document</title>

    </head>


    <body class="body">
        
        <img class="Layer_1" src="https://i.stack.imgur.com/hhbVP.jpg">
        
        <img class="Logo_Branco" src="">
        
        <h1 class="OUR">OUR</h1>
        
        <h1 class="COLORS">COLORS</h1>

    </body>


    </html>

inserir a descrição da imagem aqui click on Run and then on Full Page in the right corner

Browser other questions tagged

You are not signed in. Login or sign up in order to post.