CSS Instance Tutorial: img Automatically changes with div width

Article Introduction: CSS Sets the method by which the IMG changes automatically with the div width.

Description: Because the screen resolution is different, to realize that a layer in the browser changes with the height of the browser width, the layer always occupies 90% of the browser width, 75% of the height, and the picture in the layer changes with this layer, I believe many people have encountered this problem in the actual project, Here is the solution to this effect: body {Text-align:center} html,body {height:100%;}. div1 {height:75%; width:90%; margin:0 auto; Overflo W:hidden;} . div1 img {width:100%; display:block;}
This set of words to achieve the above explained the effect, we can try.