我想知道我是否可以让一个部分具有最小宽度和百分比和固定数量.让我更清楚,我有以下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%?(因为内容可能更多)
通常的方式有点不同。您定义例如:
width: 100%
max-width: 600px;
Run Code Online (Sandbox Code Playgroud)
这样它将在较小的视口中具有完整宽度,但永远不会超过 600px
PS:你写的
因此,如果视口小于 600px,则宽度为 600px
这样它就会比较小屏幕上的视口更宽 - 我想这不是你想要的,是吗?
| 归档时间: |
|
| 查看次数: |
1148 次 |
| 最近记录: |