li中嵌套2个div实现图片自动缩放

loveboke 2014-03-11 09:07:17

请教一下各位，下面的样式表应该怎么去写？
能够实现在手机上自动适应大小，图片会缩放

在电脑上看是这样的效果

在手机上看是这样的效果



<div class="intere mt20">

                <ul class="list clearfix">

                                    <li class="clearfix">

                                            <div class="list_li1">

                            <a target="_blank" href="http://www.cyzone.cn/a/20140310/255039.html"><img width="150" height="96" alt="" src="http://img0.cyzone.cn/uploadfile/2014/0310/thumb_150_96_20140310042747178.jpg"></a>

                           <!--  <em>创业故事</em> -->

                        </div>

                                            <div class="list_li2">

                            <a target="_blank" class="list_title" href="http://www.cyzone.cn/a/20140310/255039.html">创业确立优先级最重要：请先做一些“糟糕”的工作</a>

                            <div class="list_div">

                                

                                                                             <span>Ryan Hoover </span><em>2014-03-10 16:24</em>

                                                            </div>

                            <p>创业者确定工作优先级是最重要的。建立一个成功的产品和公司是要知道什么是要做的，而什么是不要做的。这意味着有时你需要做一些“糟糕”的工作。</p>

                        </div>

                    </li>

                                                    <li>

                                            <div class="list_li1">

                            <a target="_blank" href="http://www.cyzone.cn/a/20140310/255035.html"><img width="150" height="96" alt="" src="http://img8.cyzone.cn/uploadfile/2013/1231/thumb_150_96_20131231051830914.jpg"></a>

                           <!--  <em>每日头条</em> -->

                        </div>

                                            <div class="list_li2">

                            <a target="_blank" class="list_title" href="http://www.cyzone.cn/a/20140310/255035.html">腾讯投资京东8点解读：电商业向两强争霸过渡</a>

                            <div class="list_div">

                                

                                                                             <span>刘兴亮</span><em>2014-03-10 15:32</em>

                                                            </div>

                            <p>过去，电商领域，是阿里一家独大。这次腾讯投资京东，结成战略联盟后，将有可能形成两强争霸的格局。至于其他的电商，将只能在第二阵营中厮杀了。</p>

                        </div>

                    </li>

                                                    <li>

                                            <div class="list_li1">

                            <a target="_blank" href="http://www.cyzone.cn/a/20140310/255034.html"><img width="150" height="96" alt="" src="http://img3.cyzone.cn/uploadfile/2014/0103/thumb_150_96_20140103021252511.jpg"></a>

                           <!--  <em>领导/管理</em> -->

                        </div>

                                            <div class="list_li2">

                            <a target="_blank" class="list_title" href="http://www.cyzone.cn/a/20140310/255034.html">为你的团队注入使命感：找对人就成功了90%</a>

                            <div class="list_div">

                                

                                                                             <span>许维</span><em>2014-03-10 15:31</em>

                                                            </div>

                            <p>最近总有朋友问我这个问题：“你们团队的每个人怎么都跟打了鸡血似的，你是怎么做到的?”希望用“使命感”这个词，听起来更高端大气上档次</p>

                        </div>

                    </li>

                                                    <li>

                                            <div class="list_li1">

                            <a target="_blank" href="http://www.cyzone.cn/a/20140310/255033.html"><img width="150" height="96" alt="" src="http://www.paidai.com/images/news/baidueditor/14671394417047.jpg"></a>

                           <!--  <em>每日头条</em> -->

                        </div>

                                            <div class="list_li2">

                            <a target="_blank" class="list_title" href="http://www.cyzone.cn/a/20140310/255033.html">腾讯京东在一起！（内附刘强东马化腾内部邮件）</a>

                            <div class="list_div">

                                

                                                                             <span>派代商道</span><em>2014-03-10 15:03</em>

                                                            </div>

                            <p>公司已经与京东达成了战略投资及合作协议，腾讯将投资京东，并将ECC旗下的实物电商相关业务注入京东，成为京东的主要股东之一</p>

                        </div>

                    </li>

                                                    <li style="border:none">

                                            <div class="list_li1">

                            <a target="_blank" href="http://www.cyzone.cn/a/20140310/255020.html"><img width="150" height="96" alt="" src="http://img6.cyzone.cn/uploadfile/2014/0310/thumb_150_96_20140310110429761.jpg"></a>

                           <!--  <em>投融资清单</em> -->

                        </div>

                                            <div class="list_li2">

                            <a target="_blank" class="list_title" href="http://www.cyzone.cn/a/20140310/255020.html">一周国内风投、并购和IPO清单(3月3-9日)</a>

                            <div class="list_div">

                                

                                                                                                             <span>创业邦</span><em>2014-03-10 11:04</em>

                                                            </div>

                            <p>国内资本市场本周重要投融资事件10起（小米向迅雷投资近2亿美元、阿里进军智能客厅、同志社交“G友”……）、IPO事件2起。</p>

                        </div>

                    </li>

                                </ul>

            </div>