Html Can'；不要改变h1大小

我不能改变h1的大小。 我试过了，嗯，px 我还尝试了ctrl+f5强制浏览器进行兑现 但什么都不管用

我需要知道问题出在哪里，以及如何保持文本的大尺寸和一些小单词

这是index.html

{% extends 'base.html' %}
{% load static %}
{% block title %} Markvira {% endblock %}
   
{% block content %}

  <!-- main -->
  <main role="main">
    <section class="section-one">
      <div class="container-one">
        <h1 class="h1"> Fly <span>With <br> Our</span> Wings </h1>
        <p class="p">it's the time to fly in yhe world of success with our marketng tools,we give you wings </p>
      </div>
    </section>

    <section class="section-two">
      <div class="container-two">


      </div>
    </section>



  </main>
  <!-- End of Main -->
{% endblock %}
    

---

我总是得到这个大小，不能增加它

您的媒体查询将完全覆盖您第一次定义.h1类的位置，因此在那里设置字体大小将不起作用

  @media screen and (min-width: 601px) {
    .h1 {
      font-size: 40px;
    }
  }



@media screen and (max-width: 600px) {
    .h1 {
      font-size: 100px;
    }
  }

---

这两条规则控制着.h1类的大小。最大宽度为600px以下，最小宽度为601px以上。尝试修改那里的字体大小。现在，对于宽度较小的屏幕，将其设置为100px；对于宽度大于600px的屏幕，将其设置为40px。

您的媒体查询将完全覆盖您第一次定义.h1类的位置，因此在那里设置字体大小将不起作用

  @media screen and (min-width: 601px) {
    .h1 {
      font-size: 40px;
    }
  }



@media screen and (max-width: 600px) {
    .h1 {
      font-size: 100px;
    }
  }

---

---

这两条规则控制着.h1类的大小。最大宽度为600px以下，最小宽度为601px以上。尝试修改那里的字体大小。现在，对于宽度较小的屏幕，将其设置为100px，对于宽度大于600px的屏幕，将其设置为40px。

您能否制作一支代码笔或类似的可复制示例。它应该是

h1{…}

，而不是

.h1{…}

。您现在的目标是

…

。好的，刚才看到您也将该类应用于标题（这不是真正必要的），没关系…@SaschaM78 h1标记有一个

h1

的类，所以它应该可以以任何方式工作。@SaschaM78虽然这是真的，但它们似乎有

，所以它应该仍然可以工作，尽管这样做很奇怪。您的代码在那里工作得很好：。在600px宽度以下，字体大小更改为100px。您是否可以生成代码笔或类似的可复制示例。它应该是

h1{…}

，而不是

.h1{…}

。您现在的目标是

…

。好的，刚才看到您也将该类应用于标题（这不是真正必要的），没关系…@SaschaM78 h1标记有一个

h1

的类，所以它应该可以以任何方式工作。@SaschaM78虽然这是真的，但它们似乎有

，所以它应该仍然可以工作，尽管这样做很奇怪。您的代码在那里工作得很好：。在600px宽度以下，字体大小变为100px。我尝试移除介质以查看结果，但仍然没有发生任何事情更新：当我移除

填充时：1.5em 0 1em 15em填充时：1.5em 0 1em 15em