浏览器宽度调节,如何根据浏览器宽度自适应网页?
编辑:浏览器知识<style>
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.box {
flex: 0 0 50%;
padding: 20px;
box-sizing: border-box;
}
.box img {
width: 100%;
height: auto;
}
@media screen and (max-width: 600px) {
.container {
flex-direction: column;
}
.box {
flex: 0 0 100%;
}
}
</style><body>
标题1
内容1
标题2
内容2
标题3
内容3
标题4
内容4