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:
Internet Explorer In this way, looks like an unassipping:
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
Post a Comment