Question

我正在构建一个需要在移动设备上查看的网站。在iphone 4s上的safari中查看它看起来很棒。如果我在同一设备上查看它，则不会显示导航列表的任何样式。它最终看起来像基本的HTML链接。有关的链接是，Va领导，护理和麻醉学工作人员

Bellow是指向live dev网站以及CSS的链接。

link：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;

}

Answer 1

使用适用于iOS的谷歌浏览器，该网站呈现给我的最佳状态我的iPhone 4s上的最新版本（至少它看起来与在同一部手机上运行的Safari完全相同）。

尝试清除Chrome的缓存。

如果这样做无效，请将您的iphone连接到Fiddler2，然后查看您网站的请求，并查看样式表请求是否有错误。

列表样式没有出现在Chrome iOS上

1 个答案: