Question

这是我的手机访问网站：m.looa.com

如果你有一部Iphone，请访问它，你会发现这些话并没有突破。

这只发生在Iphone的浏览器中，它看起来很好用于Android和几乎所有的PC浏览器，包括 IE Chrome FireFox甚至是Safari（你可以试试）。

我知道这必须与CSS有关，但我无法弄清问题所在。

以下是我网页上的代码，请注意上课：middigest，我认为可能是问题所在（我删除了一些代码使其更清晰）：

<!DOCTYPE html>
<html>
    <head> 
    <link rel='stylesheet' href='theme/mobile/img/style.css' type='text/css' media='all' /> 
    </head> 
    <body onload='setPage(160)'>
        <div class='allbox'> 
        <dl class='alltop'> 
            <dt class='w2' onclick="window.location.href='http://m.looa.com/g_m_city'"><a>北京</a></dt> 
        <dd><a href='http://m.looa.com/mobile'><img src='theme/mobile/img/looa_logo.png'/></a></dd> 
        <dt class='w3' onclick="window.location.href='http://m.looa.com/g_m_cang'"><a>收藏夹</a></dt> 
        </dl> 

        <dl class='topmid'> 
            <dt><img src='theme/mobile/img/looa_nearby_s.gif' /></dt> 
        <dd onclick= 'getCityDis()'><a> <img src='theme/mobile/img/looa_dis.gif'/></a></dd> 
        </dl> 

        <div class='midbox' id='midbox'> 

          <dl class='midmenu'> 
              <dt>距离<strong> 0.0km</strong></dt> 
              <dd>商家<strong> 纯视觉摄影工作室</strong></dd> 
          </dl> 

          <div class='middigest'> 
              <a href='http://m.looa.com/g_m_detail?deal_id=6921'>性感翘臀，迷人水腰，诱人S曲线，这一站就是你</a>    <----------- this line
          </div> 

          <dl class='midpic'> 
                <dt><a href='http://m.looa.com/g_m_detail?deal_id=6921'><img width='175px' height='129px' src='http://www.looa.com/theme/tuan/outsite_deal_img/201010/1287700044_small.jpg'/></a></dt> 
            <dd> 
              <ul> 
              <li>现价</li> 
              <li style='margin-bottom:6px;'><span><strong class='numfont'>3</strong>元</span></li> 
              <li>原价 264元</li> 
              <li>购买 1人</li> 
              <li>网站 <a href='#' onclick='gotoOutSite("http://www.groupon.cn/html/product/FS/FS4446.html")'>团宝网</a></li> 
              <li>剩余  6天9小时</li> 
              </ul> 
            </dd> 
          </dl> 

          <dl class='midbot'> 

                <dt><a href='http://m.looa.com/m_map?deal_id=6921'><img src='theme/mobile/img/looa_map.gif' /></a></dt> 

                    <dt><img id='cangbtn6921' src='theme/mobile/img/looa_no_cang.gif' onclick="toggleDealCangState('cang',6921,60)" /></dt> 

            <dt><img src='theme/mobile/img/no_phone.gif' /> </dt> 
              </dl>
        </div>

        ************* Repeat *****************

        </div> 
    </body>
</html>

与CSS相关：

.middigest {word-break:normal;float:left;width:98%;line-height:17px;font-weight:bold;padding:6px 0 8px 0;clear:both;margin:0 1%;}

另外，如果您想查看整个CSS，请转到http://m.looa.com/theme/mobile/img/style.css

你们中的任何人都有网络开发的经验对于Iphone？请帮帮忙。

非常感谢!!!

Answer 1

我没有iPhone，所以我无法测试，但你尝试过那些CSS属性吗？

为什么我的网页无法在Iphone浏览器中突破？

1 个答案: