Question

歌剧迷你/移动在菜单链接链接上表现得很奇怪，它们是不可见的（实际上，当网站呈现它们会在一秒钟内变得可见，然后它们不再可见，但文本是可选择的。）。在其他浏览器上，一切都很好。有人知道原因吗？

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

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;
        }

Answer 1

在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%;
    }
}

如果它不适合您，您可以发布指向您网页的链接，以便我们查看吗？

链接文本在opera mini / mobile中不可见

1 个答案: