1

我是一位经验丰富的网页设计师，似乎遇到了我遇到的这个烦人的问题。基本的纲要是我为客户制作的网站已经完成并且运行效率高，并且在我的计算机上看起来像我想要的那样。

但是，当我通过其他计算机查看它时，我的导航栏消失了。我能够通过检查元素发现该页面应用了“放大”效果，并发现在 75% 时，文本和导航栏以应有的方式出现。
然而，当以 100% 查看时，我的所有文本和导航栏似乎要么完全消失，要么以更杂乱无章的方式出现。虽然缩放到 75% 会将其置于正确的布局中，但我不知道缩放功能是否能真正解决我的问题。

唉，我不知道如何解决这个问题，希望有人能帮助我。

我的网站使用垂直平行滚动（使用 Jquery 实现）。下面我列出了整个 div 屏幕 CSS 以及第一个屏幕/登陆页面的 CSS（所有其他屏幕都有相同的 CSS）。

div#slideTrain {
    position: fixed;
    top: 0px;
    left: 0px;
}
div#screen1 {
    background-image:url("photos/landingpage3.jpg");
        no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0px;
    z-index: 10;
}

这是导航栏的 CSS 参数，在 id 名称“controls”下

div#controls {
    position: relative;
    z-index: 20;
    margin-top: 860px;
    margin-left: 630px;
    color: white;
    font-family: Helvetica;
    overflow: hidden;
}
span {
    cursor: pointer;
    padding: 30px;
    font-size: 14px;
}

控件的HTML部分如下：

<div id="controls">
    <span id="button1">home</span>     
    <span id="button2">our team</span>     
    <span id="button3">menu</span>      
    <span id="button4">contact</span>
</div>

这是我第一次使用这个网站，所以如果我错过了任何协议或输入错误，我提前道歉。我提供了两个主页的屏幕截图，包括它的外观以及它在其他计算机上的显示方式。

正确的格式，导航栏位于底部。 正确的格式

格式不正确，导航栏仅在向下滚动时可见，但仍然未对齐（其他页面上的所有文本也未对齐）。 格式错误

4

0 回答 0