2010-10-22 64 views
0

這是我的手機訪問網站:m.looa.com爲什麼我的網頁無法在Iphone瀏覽器中斷行?

如果你有一個iphone,請訪問它,你會發現這個詞沒有斷線。

這隻發生在iPhone的瀏覽器,它看起來很適合android和幾乎所有的瀏覽器,包括 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開發 的經驗嗎?請給我一個手。

非常感謝!

+0

請發表您的網站的代碼。 – 2010-10-22 15:28:05

+0

他給出了一個鏈接...只是去那裏看到源o_o? – Shikiryu 2010-10-22 15:31:29

+1

我想說,如果相關代碼顯示在這裏,那麼SO用戶更傾向於提供幫助。此外,未來網站將發生變化,問題將與代碼不一致! – 2010-10-22 15:40:53

回答

相關問題