CSS最小宽度固定和百分比

Asc*_*hab 3 html css

我想知道我是否可以让一个部分具有最小宽度和百分比和固定数量.让我更清楚,我有以下html:

<body>
<main>
    <section id="home-section">
        ...Content...
    </section>
    <section id="team-section">
        ...Content...
    </section>
</main>
</body>
Run Code Online (Sandbox Code Playgroud)

我有

section{
    min-width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

有没有办法让min-width同时为:100%和600px?因此,如果视口小于600px宽度为600px,如果它的最小宽度为100%?(因为内容可能更多)

Mik*_*and 6

你只需这样做:

section {
    min-width: 600px;
}
Run Code Online (Sandbox Code Playgroud)

它自动100%,最小600px.


Joh*_*nes 5

通常的方式有点不同。您定义例如:

width: 100%
max-width: 600px;
Run Code Online (Sandbox Code Playgroud)

这样它将在较小的视口中具有完整宽度,但永远不会超过 600px

PS:你写的

因此,如果视口小于 600px,则宽度为 600px

这样它就会比较小屏幕上的视口更宽 - 我想这不是你想要的,是吗?