页面能自适应手机屏幕大小，在里面的图片不能


html 已经加了
<meta  name="viewport"  content="width=device-width,minimum-scale=1,user-scalable=no,maximum-scale=1,initial-scale=1">

内容是从数据库里读取的，整个页面及文本都可以自适应，但里面的图片就不会自适应大小，请问如何处理？
------解决方案--------------------
设置图片的百分比宽度
------解决方案--------------------
用js去改变可以
------解决方案--------------------
加个样式便可自适应。

  <style type="text/css">

   .img{text-align:center;}

   .img img{width:90%;}

  </style>

  <p class="img"><img src="test.jpg"></p>