1

Opera mini / mobile は、メニュー リンクのリンクで奇妙な動作をし、表示されません (実際には、サイトがレンダリングされると 1 秒間表示され、その後表示されなくなりますが、テキストは選択可能です)。他のブラウザでは、すべて問題ありません。その理由を知っている人はいますか？

（メディアクエリを無効にして試しましたが、同じことです）

htmlコード

        <div id="navbox"> 
            <nav> 
                <ul> 
                    <li><a href="#1">Usluge</a></li> 
                    <li><a href="#2">Cvijeće</a></li> 
                    <li><a href="#3">Galerija</a></li> 
                    <li><a href="#4">O nama</a></li> 
                    <li><a href="#5">Kontakt</a></li> 
                </ul> 
            </nav> 
        </div>

CSSコード

#navbox {
    width: 620px;
    float: left;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

#navbox nav {
    width: 620px;
    float: left;
    margin-top: 66px;
}

    #navbox li {
        width: 68px;
        float: right;
        list-style: none;
        margin-left: 24px;
        background: rgb(230,230,230);
    }

        #navbox a {
            display: block;
            padding: 134px 0px 0px 0px;
            border: 0px solid rgb(195,195,195);
            color: rgb(171,74,119);
            text-decoration: none;
            text-align: center;
        }
4

1 に答える 1

0

CSSでこれを試してください：

#navbox nav {
    width: 620px;
    float: left;
    margin-top: 66px;
}

#navbox li {
    float: right;
    list-style: none;
    margin-left: 24px;
    background: rgb(230,230,230);
}

#navbox a {
    display: block;
    padding: 15px 20px; //adjust to your liking
    border: 0px solid rgb(195,195,195);
    color: rgb(171,74,119);
    text-decoration: none;
    text-align: center;
}

@media screen and (max-width:767px){
    #navbox nav {
        width:100%;
    }
}

うまくいかない場合は、ページへのリンクを投稿して確認していただけますか？

于 2011-09-17T13:33:37.097 に答える