css：最小宽度是否可能小于最大宽度？

Question

我如何制作以下内容......

我希望我的div的宽度为400px。但是，如果可用的400px小于50%，那么我希望它的宽度为min-width。这可能只使用CSS吗？我已经尝试设置width和{{1}}，但似乎总是以较大者为准。

Answer 1

为什么不使用

width:auto;
height: auto;

在你的css ??

如果您的分辨率可以使用媒体查询

@media screen and (max-width: 400px) {
//put css on body that you want to apply
body{
width:auto;
}
//put css on div that you want to apply
.div{
width:auto;
}

}

这意味着小于400px将具有此css或调整其包含的内容。

Answer 2

听起来像你想要的media queries：

@media screen and (min-width: 400px) {
  div { width: 400px; }
}

@media screen and (max-width: 399px) {
  div { width: 50%; }
}