How to make images take up 100% of the browser

Question

How to make images take up 100% of the browser

Navigation

#1 by (4 votes)

1

I would like to know how I can have a 'Gallery' like this: (HTML and CSS)

link (In the OUR WOKS area)

I wanted it to be the same regardless of the resolution or zoom (same as the example), that the gallery is always occupying 100% of the screen. If possible put the code.

html css galeria

asked by anonymous 26.07.2014 / 19:32

1 answer

The action is being applied in several elements, instead of one What is the best way to make a mini-decoder?

score 4 · Answer 1

I put the Css in the same file as the html to make it easier to see You can do so with an image or in the background of the Body for both the method is the same.

 <html>
  <head>
   <style>
      .Imagem{
                    width: 100%;
                    height : 100%;
                    position: absolute;
                    top: 0;
                    left: 0;        
             }
    </style>
    </head>
   <body>
     <img src = "download.jpg" class = "Imagem"></img>
   </body> 
 </html>