PC手WAP页面的跳转问题。

Question

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://www.71name.com/wap.php?c=home&uid=166738" title="毕马威">

以上代码的功能，主要用来实现：用户用电脑访问：http://www.71name.com/home/166738
正常显示，用手机访问时，访问：http://www.71name.com/wap.php?c=home&uid=166738

现在是，电脑访问时正常，手机访问时，页面访问的是http://www.71name.com/wap.php
不能正确访问对应页面，请问如何修改？

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

解决方案

你遇到的问题是关于PC端和WAP端页面的跳转问题。根据你的描述，似乎你使用了HTML的link标签来实现这个功能。

问题分析

你使用的link标签的rel属性设置为alternate，表示这是一个替代页面的链接。media属性设置为only screen and (max-width: 640px), 表示这个链接只适用于屏幕宽度小于或等于640px的设备。

解决方案

如果你想实现PC端和WAP端页面的跳转，建议使用以下方法：

1. 在PC端和WAP端分别创建不同的HTML页面。
2. 在PC端的HTML页面中，使用JavaScript或CSS媒体查询来检测设备类型，根据设备类型跳转到相应的WAP端页面。
3. 在WAP端的HTML页面中，使用JavaScript或CSS媒体查询来检测设备类型，根据设备类型跳转到相应的PC端页面。

核心代码

<!-- PC端HTML页面 -->
<link rel="stylesheet" media="screen and (max-width: 640px)" href="wap.css">
<script>
  if (screen.width <= 640) {
    window.location.href = "http://www.71name.com/wap";
  }
</script>

<!-- WAP端HTML页面 -->
<link rel="stylesheet" media="screen and (min-width: 641px)" href="pc.css">
<script>
  if (screen.width > 640) {
    window.location.href = "http://www.71name.com";
  }
</script>

注意

上述代码仅供参考，具体实现可能需要根据你的需求进行调整。