Ceci est mon site pour les mobiles à visiter: m.looa.compourquoi mes pages Web ne peuvent pas casser la ligne dans le navigateur d'Iphone?
Si vous avez un iPhone, visitez s'il vous plaît et vous constaterez que les mots ne sont pas briser la ligne.
Cela se produit uniquement dans le navigateur d'Iphone, il semble bien pour Android et presque tous les navigateurs pour PC, y compris IE Chrome FireFox et même Safari (vous pouvez essayer ça). Je sais que cela doit avoir quelque chose à voir avec CSS, mais je n'arrive pas à comprendre où se situe le problème.
est Ci-dessous le code de ma page Web, s'il vous plaît attention à la classe: middigest, je pense que c'est probablement là le problème (je supprimer un code pour le rendre plus clair):
<!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>
et le CSS est de:
.middigest {word-break:normal;float:left;width:98%;line-height:17px;font-weight:bold;padding:6px 0 8px 0;clear:both;margin:0 1%;}
aussi, si vous voulez voir l'ensemble CSS, s'il vous plaît aller à http://m.looa.com/theme/mobile/img/style.css
Quelqu'un d'entre vous a l'expérience du développement Web pour Iphone? Donnez-moi un coup de main s'il vous plait.
Merci beaucoup !!!
S'il vous plaît poster le code de votre site Web. –
Il donne un lien vers lui ... allez-y et voyez la source o_o? – Shikiryu
Je dirais que la plupart des utilisateurs SO sont plus enclins à aider si le code pertinent est montré ici. En outre, à l'avenir, le site Web aura changé et la question ne sera pas compatible avec le code! –