在使用CSS媒体查询和Javascript实现网页的自适应布局时，可以遵循以下步骤：

1. 使用CSS媒体查询：CSS媒体查询可以通过检测设备的宽度、高度、屏幕方向等属性来应用不同的样式。通过在CSS文件中编写媒体查询规则，可以在不同设备或屏幕尺寸下应用不同的样式。

示例：

“`css

@media screen and (max-width: 767px) {

}

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

}

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

}
“`

2. 使用Javascript实现响应式布局：Javascript可以用于检测并响应浏览器的窗口大小变化事件，在不同的窗口尺寸下进行相应的操作。利用Javascript可以动态调整元素的位置、大小或样式。

示例：

“`javascript
window.addEventListener(‘resize’, function() {
// 在窗口大小变化时执行的操作
if (window.innerWidth < 768) {
// 对小屏幕设备的处理
} else if (window.innerWidth >= 768 && window.innerWidth < 992) {
// 对中等屏幕设备的处理
} else {
// 对大屏幕设备的处理
}
});
“`

通过结合CSS媒体查询和Javascript，可以实现针对不同屏幕尺寸的自适应布局，提供更好的用户体验。