使用媒体查询和CSS Flexbox布局可以实现网页的自适应排版。

首先，使用媒体查询来根据不同设备的屏幕大小应用不同的样式。比如，可以在CSS中定义不同的媒体查询规则，例如：

“`
@media screen and (max-width: 768px) {

}

@media screen and (min-width: 769px) {

}
“`

然后，使用CSS Flexbox布局来实现网页的自适应排版。Flexbox布局是一种用于网页布局的弹性盒子模型，可以自动调整元素的大小和位置。通过设置`display: flex`属性，可以将一个容器元素定义为Flex容器，然后在其子元素上设置各种Flex属性来控制元素的排列方式。例如：

“`css
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.item {
flex: 1;
}
“`

通过这种方式，可以根据不同的屏幕大小和设备，使用不同的CSS样式和Flexbox布局来实现自适应的网页排版。