How to add in this img with fullscreen? | SoloLearn: Learn to code for FREE!

-3

How to add in this img with fullscreen?

1/13/2021 4:49:16 PM

Sazid Ahmed

22 Answers

New Answer

+6

Fullscreen? Use this in css: img { height:100vh; width:100vw; } Using css units like vh and vw will adjust the Image According to screen. Hope my answer is helpful! -Krishna Therokar

+5

By increasing its height and width .a{ height:550px; width:350px; }

+2

Sazid Ahmed if you are talking about background then write CSS body { ••• background-image : url(image.jpg); }

+2

Sazid Ahmed use CSS img { width: 100%; } this might work

+2

With html <img src="url" heigth="100%" width="100%"/>

+1

You put your link as a tag. We can not access the link that way. Please resubmit your question.

+1

https://www.freecodecamp.org

+1

Var a =Document.getElementById("example"); a.width =innerWidth; a.height = innerHeight; // With JavaScript // With Css Body, html {padding:0; Margin:0;} img{ height : 100%; width: 100%;}

0

https://code.sololearn.com/W7xDz8qw9tCf/?ref=app

0

Thats not the best way to learn. Complete your HTML and CSS course first

0

Krish [less active] url does not working

0

Med Amine Fh i already completed short html & Css course. But i practise this coding of mobile. So some problem face to me

0

Med Amine Fh i will learn again. do you suggest any platform or YouTube course?

0

In your CSS you're missing the ; at the end of the height line

0

Sazid Ahmed I will suggest to you Freecodecamp

0

Do you suggest any playlist

0

You could learn from this. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_full_page

0

Firstly remove margin and padding, by default there are margin and padding are given. Then use box-sizing with value border-box, lastly make img width 100%, 100vh etc...

0

try adjusting the img width and height. .img{ width: 100%; height:100%; }

0

Sazid Ahmed Did any of these suggestions work for you?