CSS：如何设置由最大宽度覆盖的最小宽度？

从中，我知道最小宽度优先于最大宽度

我的问题是如何实现以下目标：

.half-right {width: 50%; float: right; padding: 2em 4em; min-width: 300px; max-width: 100%;}

我希望div的宽度为50%，但不小于350px，除非视图端口宽度小于350px，在这种情况下，我希望最大宽度为100%

如果我使用以下选项：

.half-right {width: 50%; float: right; padding: 2em 4em; min-width: 300px; max-width: 100%;}

“最小宽度”覆盖“最大宽度”，并且在100%宽度之外有一些出血

感谢您的帮助。

添加媒体查询

@media screen and (max-width: 350px) {
    .half-right{
        width: 100%;
    }
}

---

使用媒体查询