Css 用内容扩展 div 但从不缩小

Question

我想知道是否可以使用 CSS 使 div 随文本内容扩展但永远不会缩小。用例是我在响应模式中搜索栏，来回调整大小，这不是一个很好的用户体验。此外，我还有更多这类事情的用例。可能吗？

Answer 1

类似于 this?CSS:

div{
    width:90%;
    min-width:500px;
    height:50px;
    background-color:moccasin;
}

它的宽度为 90%，但绝不会低于 500 像素。