如何根据浏览器的宽度调整div的宽度?无需使用媒体查询

时间:2019-07-26 10:10:18

标签: html css

我有一个div,如果父母的宽度大于该宽度,我希望div的最大恒定宽度为400px,但是当父母的宽度或浏览器变薄时,让我在手机上说我希望它不要停留在400我要它适应。

    <body>
        <div id="container">

        </div>
    </body>
body {
   background: #2e2e2e;
   text-align: center;
}

#container {
   background: grey;
   display: inline-block;
   width: 400px;
}  

1 个答案:

答案 0 :(得分:0)

简单地同时使用max-width和width


#container {
   background: grey;
   display: inline-block;
   max-width: 400px;
   width:100%
}