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

html css front-end
  • 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 html css front-end

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