要让Wap网站自动适配手机屏幕宽度，优化移动浏览体验，可以采取以下方法：

1. 使用Viewport元标签

在网页的 部分添加以下代码，确保网页宽度自动适应手机屏幕宽度：

这个标签告诉浏览器如何调整网页的大小以适应移动设备的屏幕。

2. 采用响应式设计

通过CSS3的Media Queries，可以根据不同的屏幕尺寸调整布局和内容。例如：

@media  {
  body {
    font-size: 14px;
  }
}

这样，当屏幕宽度小于600像素时，网页会应用相应的样式。

3. 使用相对单位

在CSS样式中，使用相对单位如百分比而非像素。例如：

.container {
  width: 100%;
}

这样，容器的宽度会自动适应屏幕宽度。

4. 优化图片和视频

对图片和视频进行压缩，减少文件大小，加快加载速度。可以使用HTML的srcset属性为不同屏幕尺寸提供不同分辨率的图片：

5. 保持页面简洁

避免在Wap网站上使用过多的冗杂信息和复杂的排版，保持页面简洁，提升用户浏览体验。

6. 考虑触控操作

设计时考虑手指触控、滑动翻页等移动端操作习惯，提升用户便利性和可用性。

7. 使用自动探测屏幕宽度

通过JavaScript或服务器端脚本自动探测屏幕宽度，然后加载相应的CSS文件。例如：

function loadCSS {
  var screenWidth = window.innerWidth;
  if  {
    document.write;
  } else {
    document.write;
  }
}
loadCSS;

通过以上方法，Wap网站可以自动适配不同手机屏幕宽度，提供更好的移动浏览体验。响应式设计和相对单位的使用是关键，同时优化图片和视频、保持页面简洁以及考虑触控操作也能显著提升用户体验。