浏览器家园·资讯

展开

浏览器宽度调节,如何根据浏览器宽度自适应网页?

编辑:浏览器知识
<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

文章TAG:浏览  浏览器  宽度  调节  浏览器宽度调节  

加载全部内容

相关教程
猜你喜欢
大家都在看