How to add an full screen img? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 2

How to add an full screen img?

7th Mar 2017, 11:00 AM
Parthi Nila
Parthi Nila - avatar
4 Answers
+ 12
There are many ways... or not really... depending on what your are exactly expected ( and meaning by "full scren" ) ^^ If "full screen" is for "full viewport", we need to know: - A full screen alone image? - An overlay full screen one? - How handle ratio difference between viewport and picture? ( covering with cropping or not, deform/adapt to viewport ratio ) If you want real "full screen", only the user can set viewport at full screen, or you need to handle some third party technology as Flash...
7th Mar 2017, 11:11 AM
visph
visph - avatar
+ 1
you can set it as a background-image with CSS
7th Mar 2017, 12:36 PM
Meher Jebali
Meher Jebali - avatar
+ 1
I agree with Meher, best way is with CSS make: background-size: cover;
7th Mar 2017, 1:47 PM
Marko Babić
Marko Babić - avatar
0
yes we can increase the height width of an image according to the screen
8th Mar 2017, 4:17 PM
Ritu Bisht
Ritu Bisht - avatar