[英]CSS min-width fixed and percentage
我想知道我是否可以讓一個部分具有最小寬度和百分比和固定數量。 讓我更清楚，我有以下html：
<body>
<main>
<section id="home-section">
...Content...
</section>
<section id="team-section">
...Content...
</section>
</main>
</body>
我有
section{
min-width: 100%;
}
有沒有辦法讓min-width同時為：100％和600px？ 因此，如果視口小於600px寬度為600px，如果它的最小寬度為100％？ （因為內容可能更多）
你只需這樣做：
section {
min-width: 600px;
}
它自動100％，最小600px。
通常的方式有點不同。 您可以定義例如：
width: 100%
max-width: 600px;
這樣它將在較小的視口中具有全寬，但永遠不會超過600px
PS：你寫的
因此，如果視口小於600px，則寬度為600px
那樣它會比小屏幕上的視口更寬 - 我想這不是你想要的，是嗎？
只需指定width: 600px; 你的min-width ，你應該得到你想要的。
當寬度大於600px時，這將使截面為100％，當小於600px時，這將使截面為100px，這是您所要求的。
CSS
section {
min-width: 100%;
width: 600px;
}
section { min-width: 100%; width: 600px; background-color: yellow; }
<main> <section id="home-section"> ...Content... </section> <section id="team-section"> ...Content... </section> </main>
CSS：百分比寬度加上固定的最小寬度會導致div不適合一行
[英]CSS: Percentage width combined with fixed min-width causes divs not to fit in one line
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.