2013-04-04 12 views
1

我正在構建需要在移動設備上可查看的網站。當在iphone 4s的safari中查看它看起來很棒。如果我在相同的設備上查看它,那麼導航列表的任何樣式都不會顯示出來。它最終看起來像基本的HTML鏈接。有問題的鏈接是,Va領導,護理和麻醉科工作人員列表樣式未顯示在Chrome上iOS

貝婁是一個鏈接到活的開發網站,以及CSS。

鏈接:http://xeroproject.com/sqwm/category/resources/

CSS:

#leftNav{ 
max-width:402px; 
} 

#leftNav ul li a { 
list-style-type: none !important; 
width:100%; 
text-decoration:none; 
font-weight:bold; 
font-size:24px; 
color:#FFF; 
} 
#leftNav ul a:hover { 
color:#85b6ce; 
} 
#leftNav ul li:nth-child(odd){ 
padding:10px; 
margin-bottom:5px; 
background: #0b5a42 url('images/arrow_dark.jpg') no-repeat right; 

} 
#leftNav ul li:nth-child(even){ 
padding:10px; 
margin-bottom:5px; 
background: #688879 url('images/arrow_light.jpg') no-repeat right; 

} 

回答

0

該網站使用谷歌iOS版Chrome最新在我的iPhone 4S的渲染對我很好(至少它看起來就像它在Safari上運行完全一樣在同一部手機上)。

請嘗試清除Chrome的緩存。

如果這沒有幫助,請將您的iphone連接到Fiddler2,並查看您的網站正在進行哪些請求,並查看樣式表請求是否發生錯誤。