Front-End-image size processing notes

Updatable focus chart with thumbnails, which is not uploaded according to fixed size, we will set the image

. Item. imgwrap {Height: 500px; // The maximum Image Height. Set IMG vertical-align ;}. item. imgwrap IMG {width: auto; // The width of the image is automatically changed according to the height; max-width: 600px; max-Height: 500px; // The maximum height is set. The original image is greater than this height, the width is automatically compressed proportionally. If the width after compression is greater than the maximum width, the width and height are compressed proportionally according to the maximum width. Vertical-align: middle; // if the image height is not the maximum height, the image is horizontally centered at the parent level ;}

 

Front-End-image size processing notes