CSS：如何設置被最大寬度覆蓋的最小寬度？

Question

從這個問題 ，我知道最小寬度優先於最大寬度。

我的問題是如何實現以下目標：

我希望div的寬度為50％，但不小於350px，除非視口寬度小於350px，在這種情況下，我希望最大寬度為100％。

如果我使用以下內容：

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

最小寬度會覆蓋最大寬度，並且在寬度的100％之外會有一些滲色。

幫助表示贊賞。

Answer 1

添加媒體查詢

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