Css使用内容扩展div，但从不收缩

我想知道是否有可能让div用文本内容扩展，但永远不要用CSS收缩。用例是，我在响应模式中设置了搜索栏，前后调整了大小，这不是一个好的用户体验。另外，我还有更多关于这类事情的用例。可能吗？

类似于 CSS:

---

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

请发布您的CSS代码。

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