0

当我缩小屏幕的宽度时，我试图让我的导航栏与它位于下方的图片滑块一起移动，但不幸的是，导航并没有随着它上面的其余内容一起移动。这是该网站的链接... http://collegefundingremedies.herokuapp.com/

这是html...

<div class="md-tall md-primary md-hue-1" id="mainPic">
            <img class="logo" src="../images/logo_large_no_back_white.png" alt="College Funding Remedies Logo" />

        <div class="fotorama" data-autoplay="true" data-loop-"true" data-nav="false"  data-arrows="false">
            <img src="../images/book-onchalkboard.jpg" alt="College Funding Book" />
            <img src="../images/book-onchalkboard.jpg" alt="College Funding Book" />
            <img src="../images/students_webinar_cfr.jpg" alt="College Funding Book" />
        </div>
</div>

这里是 SCSS (CSS)...

#mainPic {
height: 30%;
width: 100%;
.logo {
    position:absolute;
    margin:0;
    margin-top: 3%;
    z-index: 1;
    width: 16%;
}
.fotorama {
    margin:0 auto;
    height: 100%;
    padding: 0;
    img {
        margin: 0;
        width:100%;
        height: 100%;
    }
}   
}

请帮助我使这部分响应！或者也许就我还能做些什么来让它看起来更好提供任何建议。谢谢！

4

1 回答 1

1

删除高度 /* 第 147 行 style.css*/ 

#mainPic{height:30%;} /* remove height */

自动放置高度；/* 第 160 行 style.css*/

#mainPic .fotorama{height: auto;}

这是工作。

于 2016-02-03T08:00:47.820 回答