Pictures on the phone can't be adapted to show what to do "solution"

Today Chun Brother technology blog a fan friend to ask the spring elder brother, he made a website, but picture mobile phone end can not adapt, very beautiful, called and Chun help look.

After the spring Brother study found that the problem is actually very simple.

Locate the corresponding CSS file. Set the Width property of the picture to 100% to solve the problem.

IMG {

border:0;

width:100%, "This is the spring elder brother Extra One"

Display:block;

}
This also has a problem, all the cell phone station picture width has become width:100%.
It can be controlled precisely by the class of the perimeter div.
Like what:
<div class= ' Test ' >

</div>
You can define this:
. Test img{width:100%!important; Height:auto!important;}
The above!important indicates an emphasis on the priority level. Because some picture formats are self-bandwidth-constrained.
Perfect..

This article from the Spring Brother Technology blog official website, without permission not reproduced, thank you!

Pictures on the phone can't be adapted to show what to do "solution"