我有一个div,如果父母的宽度大于该宽度,我希望div的最大恒定宽度为400px,但是当父母的宽度或浏览器变薄时,让我在手机上说我希望它不要停留在400我要它适应。
<body>
<div id="container">
</div>
</body>
body {
background: #2e2e2e;
text-align: center;
}
#container {
background: grey;
display: inline-block;
width: 400px;
}
答案 0 :(得分:0)
简单地同时使用max-width和width
#container {
background: grey;
display: inline-block;
max-width: 400px;
width:100%
}