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