html - 如何创建具有多行+导航的复杂标题

Question

我从 bootstrap 开始，尽管有官方文档，但我还是遇到了一个复杂的案例。 这是我想要做的:

我知道如何制作线条、导航栏、显示和隐藏它们，但我想知道如何制作网站的标题版本并切换到单行。

有人有想法吗？

Answer 1

您可以使用 CSS @media Sample .

只是为了简化一切

<style>
 @media (min-width: 1200px) {
    table {
    width: 100%;
    height: 150px;
    }
 }
 @media (min-width: 768px) and (max-width: 1199px) {
    table {
    width: 100%;
    height: 200px;
    }

 }
 @media (max-width: 767px) {
    table {
    width: 100%;
    height: 90px;
    }

 }
</style>