我不希望我的卡片大小从 400 像素减小

Question

顺便说一下，我希望我的卡片在最受欢迎的卡片中停止从400px的分辨率减少大小。我试图在卡片容器上添加min-width，但结果是什么都没有。

@media screen and (max-width: 400px) {
.aside-container {
min-width: 400px;
}
}

我不想让我的卡片从400px缩小到

Answer 1

你正在使用的媒体查询只会在屏幕宽度小于400px时起作用。你可能想去掉这个，或者你是说最小宽度?

Answer 2

注意，实际应用于.aside-container的规则是(max-width: 786px)。

我认为在你的queries.css中规则@media screen and (max-width: 400px) {放在(max-width: 786px)规则之前。尝试将代码移到文件的末尾，这样所需的规则将最后应用于元素。

我现在没有时间去验证，但我一会儿会去电脑，所以我会检查的。