如何根据分辨率或浏览器宽度管理div的宽度，而不使用javascript，仅使用css

我有一个div“container”，它必须根据分辨率或客户端宽度进行动态调整

.container
{
padding-left:40px;
padding-right:20px;
min-width:1024px;
}

查看客户端宽度时，应调整上面使用的填充，以便浏览器不提供水平滚动条

我尝试过js（jquery）方法，它们工作得很好。但我只能用CSS实现它，因为它作为sessional是最佳的。

试试这个

/*把这个放在头的末端标签之前*/

 <meta name="viewport" content="width=device-width" /> 

---

在较低分辨率下，填充和宽度值应该是多少？如果客户端的宽度为1366px，则填充应分别为40px和20px左右。。如果是800左右的话。。它应该是0px和0px。。希望这不是一个愚蠢的要求：P。。主要目的是适应内容交叉分辨率使用媒体查询css进行大小调整尝试以%而不是px为单位给出填充值…哦，我知道你现在有了

min width

，我的错。好吧，即使如此，在

1024px

min宽度下，我相信它也不适合800-1024px的视口<代码>：P

@media (max-width: 320px) {

}

@media (min-width: 720px) {

}