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

Question

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

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

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

我已经尝试过 js(jquery) 方法，它们工作正常。但是我必须只用 CSS 来实现它，因为它会是最佳的。

Answer 1

尝试这个

/* 把它放在 head 的结束标签之前 */

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

CSS

@media (max-width: 320px) {

}

@media (min-width: 720px) {

}