1

Opera mini / mobile 在菜单链接上的行为很奇怪，它们是不可见的（实际上，当站点呈现它们时，它们变得可见一秒钟，然后它们不再可见，但文本是可选的。）。在其他浏览器上，一切都很好。任何人都知道其中的原因吗？

（我尝试禁用媒体查询，同样的事情）

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 回答