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

Question

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

Answer 1

类似this? CSS：

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

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