HTML&CSS,html块的大小正在减小,因为页面变小了

HTML & CSS, html block size is reducing as making the page small

提问人:mrshmll_o 提问时间:7/11/2023 最后编辑:QuantumXmrshmll_o 更新时间:7/13/2023 访问量:58

问:

我有一个问题如下:我希望你能明白我在这里的问题是什么,我不明白为什么会这样。 我认为问题出在标题和导航上,我认为由于图片更有可能发生,但我非常确定这不是因为徽标,因为它每个都是 24px 大小。如果我的英语不好,请道歉。

<header>
  <nav>
    <div class="container-fluid">
      <div class="row">
        <div class="col-2">
          <div class="logo">
            <a href="https://www.samsung.com/us/">
              <img
                src="../src/assets/img/gnb-desktop-120x32.png"
                alt="Samsung"
              />
            </a>
          </div>
        </div>
        <div class="col-9">
          <div class="navlist">
            <ul class="inner">
              <li>
                <button><span>Shop</span></button>
              </li>
              <li>
                <button><span>Mobile</span></button>
              </li>
              <li>
                <button><span>TV & Audio</span></button>
              </li>
              <li>
                <button><span>Appliances</span></button>
              </li>
              <li>
                <button><span>Computing</span></button>
              </li>
              <li>
                <button><span>Displays</span></button>
              </li>
              <li>
                <button><span>Accessories</span></button>
              </li>
              <li>
                <button><span>SmartThings</span></button>
              </li>
            </ul>
            <ul class="inner">
              <li>
                <button><span>Explore</span></button>
              </li>
              <li>
                <button><span>Support</span></button>
              </li>
              <li>
                <button><span>For Business</span></button>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-1">
          <ul class="tools">
            <li>
              <button>
                <span>
                  (search icon)
                </span>
              </button>
            </li>
            <li>
              <button>
                <span>
                  (shopping icon)
                </span>
              </button>
            </li>
            <li>
              <button>
                <span>
                  (user icon)
                </span>
              </button>
            </li>
            <li class="d-none">
              <button>
                <span>
                  (bars icon)
                </span>
              </button>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </nav>
</header>

HTML CSS 网络检查器

评论

0赞 Kamikaza 7/11/2023
你能把这些元素的一些css代码放在你的问题中吗?
0赞 j08691 7/12/2023
您使用的是 Bootstrap 吗?你到底遇到了什么问题?你根本没有描述任何问题,只是发布了两张照片。我们应该从他们身上辨别出什么?
0赞 Jeff 7/12/2023
是的,我从图片上不明白问题所在。请尝试解释这个问题。

答:

0赞 mrshmll_o 7/13/2023 #1

我已经解决了这个问题。我记得我确实更改了 bootstrap container-fluid 类的值。我把它注释掉了,然后它就解决了。

谢谢大家!

评论

0赞 Community 7/16/2023
正如目前所写的那样,你的答案尚不清楚。请编辑以添加其他详细信息,以帮助其他人了解这如何解决所提出的问题。您可以在帮助中心找到有关如何写出好答案的更多信息。