how to make image get automatically the screen-size
i have an index that contains only one <img> tag and nothing more. I want to make this image get the screen size automatically and fit in every screen so there will be no scrollbars and no white spaces. Just an image that takes over the whole place by stretching it.
this is my index code
<link rel="stylesheet" href="css/style.css" type="text/css"/>
<div id="container" align="center">
<img src="images/last.png" alt="starting" />
As you can see at the image above, this image's dimensions are 1300x700 so it wont fit in my laptop's screen because its too big and it wont match exactly at my desktop's screen because my screen is 22" and the image is small for this screen.
So could someone help me please? Any help will be highly appreciated.
Best regards, Telis.