如何在没有javascript的情况下根据分辨率或浏览器宽度管理div的宽度，仅在css中

Question

我有一个div“容器”，必须根据分辨率或客户端宽度动态调整..

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

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

我尝试过js（jquery）方法，它们运行正常。但我必须用CSS实现它，因为它最适合作为sesual。

Answer 1

试试这个

/ *把它放在head * /

的结束标记之前

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

CSS

@media (max-width: 320px) {

}

@media (min-width: 720px) {

}