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開發 的經驗嗎?請給我一個手。
非常感謝!
請發表您的網站的代碼。 – 2010-10-22 15:28:05
他給出了一個鏈接...只是去那裏看到源o_o? – Shikiryu 2010-10-22 15:31:29
我想說,如果相關代碼顯示在這裏,那麼SO用戶更傾向於提供幫助。此外,未來網站將發生變化,問題將與代碼不一致! – 2010-10-22 15:40:53