要让网页自适应手机和电脑屏幕，可以遵循以下步骤：

1. 使用响应式网页设计技术：响应式网页设计技术（Responsive Web Design）可以让网页自适应不同大小的屏幕。例如，当网页在手机屏幕上显示时，页面元素会自动调整大小和位置以适应屏幕大小。

2. 启用 Viewport：Viewport 是指用于网页布局和渲染的可视区域，它可以控制网页的缩放比例和显示效果。在 HTML 代码中添加以下代码可以启用 Viewport：

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

这个代码会让网页的宽度和设备宽度匹配，并设置初始缩放比例为 1.0。

3. 使用 CSS 媒体查询：CSS 媒体查询可以让网页根据设备屏幕大小应用不同的 CSS 样式。例如，你可以设置不同的字体大小、字体颜色和布局方式。在 CSS 文件中添加以下代码可以使用媒体查询：

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

}

这个代码会在屏幕宽度小于 767px 时应用指定的 CSS 样式。

通过以上三步，可以让网页实现自适应手机和电脑屏幕的效果。