Redirect 如何为移动站点样式表创建媒体查询？

我之前被告知使用以下内容：

<link rel="stylesheet" media="only screen and (max-width: 480px)" href="mobile.css">

我想为移动访问者使用单独的样式表和html文档。这正常吗？我有太多的元素，我想从手机版本中删减，而仅仅在一个手机网站中有一个网站似乎就不那么复杂了——它有自己的html和CSS

---

如何将上面的媒体查询用于特定于移动设备的样式表和html？我将使用什么代码？我将把它放在哪里？

就我而言，您必须检测浏览器服务器端，并提供不同的页面

PHP伪代码示例

if(browser == mobile && !isset($_COOKIES["prefer_desktop_view"])) //Pseudo code you do the checking here
{
   $_COOKIES["is_mobile"] = true; //more pseudo code
   header("location: mobile.example.com") //redirect solution - if
}

---

媒体查询是特定于CSS的。在客户端没有办法做到这一点，即使有，客户端仍然必须下载并解析“桌面”HTML。

谢谢您的回答。我没有编程经验，只有基本的html、css和一些非常基本的JS。你是在告诉我，就我所知，我必须使用相同的html文档，因为我无法将流量重定向到单独的html文档？上面的代码-我可以剪切粘贴吗？文件是什么？只需要.php？我可以把它放在根文件夹吗？不，你不能复制和粘贴伪代码。如果你100%在客户端使用，你可以用“响应式设计”来做一些事情，但这需要你瞄准的手机支持CSS3——大多数智能手机都支持。
<link href="the/directory/containing/your/mobile.css type="text/css" media="handheld" rel="stylesheet" />

<link href="the/directory/containing/your/desktop.css" type="text/css" media="screen" rel="stylesheet" />