html5 - Attempting to keep image size coherent with different screen resolution -
So I'm building a website, which is estimating an image slideshow, Div is installed:
& lt; Div id = "slideshow" & gt; & Lt; / Div & gt; with its related CSS:
#slideshow {position: absolute; Height: 28%; Width: 99.9%; Top: 10.5%; Margin: 0; } I am trying to find a proper image size to fit in the diwa so that it does not appear individually on individual screens. I have tried to find an unnecessary large image, so that it is height: 100% and width: 100% but it is always two screens of testing In general, this is also spread in general. One screen has resolution of 1336x768 and another 1920x1080. How can I change the ratio on different screens? (I think of a banner and it is always the same in every screen without dragging it)
< p> Usually when there is any kind of responsive design that will work on many screen resolutions, you use the following. img {height: auto; Max-width: 100%; } It will also assure that the image holds the right aspect ratio.
Comments
Post a Comment