js字体自适应

会根据ul的变化，div也会发生变化，所以里面的字体也会随着发生变化，具体的实现方法如下：

javascript方法：

$(function(){var ulW=$(".pt-fontC").width();size = ulW / 20; $(".pt-fontC li .pt-cont div:first-child").css("font-size",size + "px");});

对应的html页面：

<div class="right-box" >        <div class="cont-box" style="height:370px;">            <p>各账本收支(单位：￥)</p>            <div style="text-align: center">            <br/>            <div style="height:80px;text-align:right;" >                      <input class="btn-query" id="btn_in" type="button" value="收入" onclick="clickin();"style=";"/>                <input class="btn-query" id="btn_out" type="button" value="支出" onclick="clickout();"/>                          </div>                <ul class="pt-fontC" >                    <li>                        <div class="pt-cont"  id="div11">                            <div class="fon1" id="syb" >2075</div>                            <div class="pt-title">苏研币 </div>                        </div>                    </li>                    <li>                        <div class="pt-cont" >                            <div class="fon2" id="yfb" >3354</div>                            <div class="pt-title">研发币</div>                        </div>                    </li>                    <li>                        <div class="pt-cont">                            <div class="fon3" id="xzj">1245</div>                            <div class="pt-title">现金币</div>                        </div>                    </li>                                  </ul>                              <div style="height:100px;text-align:center; width:10px;"></div>                            </div>        </div>    </div>

哈哈哈，折磨了我多日的一个小问题终于解决啦，谢谢莉妹，莉妹真厉害。

补充一个js：

当屏幕的分辨率发生变化时，页面会自动的刷新;

//自动刷新页面$(window).resize(function(){    location.reload();});