私の水平メニューは、私のコンピューター、iPhoneではうまく機能しますが、Androidフォンではうまく機能しません。
ブラウザのサイズが小さい場合、メニューには2行が必要です。私のAndroidスマートフォンでは、2行が重なっている1行しか表示されません。しかし、携帯電話でページを更新すると、メニューが正しい方法で表示されます。
誰かが何が悪いのか知っていますか?
これはウェブサイトですhttp://nederlandoverzicht.nl/cs
これは私のメニューのCSSコードです
#menu ul{list-style-type:none;
width: 90%;
margin: 0px auto;
display: table;
table-layout: fixed; /* the magic dust that ensures equal width */
text-align:center;
}
#menu ul li{
display: block;
width:33.3333333334%;
color:#fff;
padding-top:10px;
font-size:12px;
float:left;
font-family:"Tahoma";}
#menu{background-color:#bd4545;
border-radius: 5px;
height:58px;
width:100%;}