我正在建立一个需要在移动设备上可见的网站。在iPhone 4s上的野生动物园中查看时，它看起来很棒。如果我在同一设备上查看镶边，则不会显示导航列表的样式。最终看起来像基本的html链接。有问题的链接是Va领导力，护理和麻醉学人员
Bellow是到实时开发站点以及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;
}
最佳答案
我在iPhone 4s上使用iOS最新版Google Chrome浏览器，该网站对我来说很好用（至少看起来与在同一部手机上运行的Safari完全一样）。
尝试清除Chrome的缓存。
如果那没有帮助，请将您的iPhone连接到Fiddler2，然后查看您的网站正在发出哪些请求，并查看样式表请求是否出错。