Question

好的，我收到了一位想要做出简单改变的朋友的网站......或者至少这是我的想法。

到目前为止，我已完成大量更改...它位于http://salonesvip.mindworks.cl/Concepto_01/

的临时服务器上

现在，导航栏的左上角是徽标所在的位置。

如果徽标是文字，那么当访问者向下移动页面时它会完全缩小...但是当我放置图像时......它会“缩小”效果。

在CSS中有：

/* -------------------------------------------------- */
/*  Logo
/* -------------------------------------------------- */

#logo,
#navigation {
    display: inline-block;
    vertical-align: middle;
}

    #logo {
        margin-bottom: 0;
        font-family: 'Julius Sans One', sans-serif;

        -webkit-transition: font-size .25s ease;
                transition: font-size .25s ease;
    }

    .transparent #logo { font-size: 44px; }

        .transparent #logo a { color: #fff; }

    .header-shrink #logo { font-size: 28px; }

        .header-shrink #logo a { color: #fff; }

这意味着它适用于文本...但是当我只是在Dreamweaver中添加图像时......任何帮助都会很棒。

Answer 1

我认为你正在使用图像并给出宽度和高度，但在网站上字体在两个不同的地方发生变化

.transparent #logo {
    font-size: 44px;
}

当标题变小时，字体大小减小

.header-shrink #logo {
    font-size: 28px;
}

所以你可以给这两个类中的图像赋予特定的高度和宽度，以便它可以在所有的位置调整并缩小

PArallax网站菜单与文本完美配合，不适用于图像（不会收缩）

1 个答案: