要使用Viewport标签和Javascript实现网页的自适应布局，可以按照以下步骤进行：

1. 在HTML文件的标签内添加Viewport标签，用来控制网页视口的尺寸和缩放：

“`html
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
“`

这个标签告诉浏览器，网页的宽度应该等于设备的宽度，并且初始缩放比例为1.0。

2. 在CSS中使用媒体查询来设置布局和样式，根据不同的屏幕尺寸设置不同的样式，从而实现响应式布局：

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

}

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

}

@media (min-width: 992px) {

}
“`

通过设置不同的媒体查询，可以根据屏幕尺寸提供不同的布局和样式。

3. 使用Javascript来实现一些动态效果和功能。可以使用Javascript来检测网页的宽度，然后根据不同的宽度执行不同的操作。

“`javascript
window.addEventListener(‘resize’, function() {
var width = window.innerWidth;
// 根据窗口宽度执行不同的操作
if (width <= 768) {
// 在小于等于768px屏幕宽度时执行的操作
} else if (width > 768 && width <= 992) {
// 在大于768px且小于等于992px屏幕宽度时执行的操作
} else {
// 在大于992px屏幕宽度时执行的操作
}
});
“`

通过监听窗口的resize事件，可以在窗口大小改变时根据新的宽度执行相关操作。

这样就可以使用Viewport标签和Javascript实现网页的自适应布局了。