我正在编写文本编辑器.在查看其他文本编辑器后,我注意到其中一些是指"软"与"硬"包装.有什么不同？我似乎无法通过搜索找到答案.
是否可以限制CSS网格列的宽度？
body {
margin: 0;
padding: 0;
}
.container {
display: grid;
grid-template-columns: minmax(17.5%, 250px) minmax(31.25%, 480px) auto;
grid-template-rows: 100vh;
grid-gap: 0;
}
.menu {
padding-top: 32px;
background: linear-gradient(135deg, #837DB5 0%, #364176 100%);
}
.list-view {
background-color: #F5F5FC;
}<div class="container">
<div class="menu"></div>
<div class="list-view"></div>
<div class="details"></div>
</div>在上面的示例中,它总是使用17.5%的宽度作为菜单,因为:
"如果max小于min,则忽略max,并将该函数视为min."
来源:https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns
我想要的是一个宽度为17.5%,最大为250px的菜单.那可能吗？