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;
}