モバイル デバイスで表示できるようにする必要がある Web サイトを作成中です。iPhone 4s のサファリで見ると、とてもきれいに見えます。同じデバイスでクロムを表示すると、ナビゲーション リストのスタイルが表示されません。最終的には、基本的な html リンクのように見えます。問題のリンクは、Va Leadership、Nursing、および Anesthesiology のスタッフです。
以下は、ライブ開発サイトと 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;
}