css - Strange Chrome image resizing behaviour -


When the window is resized, I have some strange behavior with Chrome about image resizing.

When Chrome has broken the fullscreen in Windows (Double-click on the window to snap a full screen), and I unzip the window, due to which it will take back the previous shape , Which was unassigned to it, the images are not being properly scaled.

For example, I have the following CSS code that gives images size 100% of the space, and the width of the self:

  img {height: 100% width: auto; }   

When the window fullscreen is broken, it looks fine, the aspect ratio of the pictures is kept but now if I unzap the window (double click) the size of the height will change , The width will not be the same as: unzip full screen in Chrome

Internet Explorer In this way, looks like an unassipping: unzipping full screen in IE

Does anybody know why Chrome is not properly shaped? Or is there something wrong with my CSS?

If you need more code, please ask.

Thank you.

Use width instead: 100% - & gt; Max-width: 100%;

I was once before this issue, and I have used both properties of size

  img {max-width: 100%; Maximum height: 100%; }   

This works fine for me, and saves the proportion.

Comments

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -