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

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -