Html 不使用CSS缩放的图像

我有下面的代码，这些图片目前还没有缩放到合适的尺寸。只有当在photoshop中重新使用它时，它才会改变，难道它不应该以100%的设置进行缩放吗

HTML

<!-- Section: intro -->
    <section id="intro" class="intro">
        <div class="slogan">
            <h2>TITLE <span class="text_color">2015</span> </h2>
            <h4>TITLE 2</h4>
        </div>
        <div class="page-scroll">
            <a href="#about" class="btn btn-circle">
                <i class="fa fa-angle-double-down animated"></i>
            </a>
        </div>
    </section>
    <!-- /Section: intro -->

---

我相信你想要的款式是

background-size: cover

以下是一个很好的教程：

或者，如果图像必须绝对缩放，以便始终显示整个图像：

background-size: 100% 100%

---

我相信你想要的款式是

background-size: cover

以下是一个很好的教程：

或者，如果图像必须绝对缩放，以便始终显示整个图像：

background-size: 100% 100%

---

我相信你想要的款式是

background-size: cover

以下是一个很好的教程：

或者，如果图像必须绝对缩放，以便始终显示整个图像：

background-size: 100% 100%

---

我相信你想要的款式是

background-size: cover

以下是一个很好的教程：

或者，如果图像必须绝对缩放，以便始终显示整个图像：

background-size: 100% 100%

---

你可以用这样的东西

.intro {
   width:100%;

    position:relative;

    background-image: url(../img/bg1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

或者使用一个关键字作为背景大小，其行为会有所不同。（）

试着选择适合你需要的东西

---

最好，你可以用这样的东西

.intro {
   width:100%;

    position:relative;

    background-image: url(../img/bg1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

或者使用一个关键字作为背景大小，其行为会有所不同。（）

试着选择适合你需要的东西

---

最好，你可以用这样的东西

.intro {
   width:100%;

    position:relative;

    background-image: url(../img/bg1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

或者使用一个关键字作为背景大小，其行为会有所不同。（）

试着选择适合你需要的东西

---

最好，你可以用这样的东西

.intro {
   width:100%;

    position:relative;

    background-image: url(../img/bg1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

或者使用一个关键字作为背景大小，其行为会有所不同。（）

试着选择适合你需要的东西

最好的