我也菜鸟哈，之前简单试验过，最近有空准备做一下，这里提供两种方案
1，把网站做成自适应网站，参考网络文章基础上，可以看官方最新发布的blog模板，这个就是自适应的。
2，做一个窄分辨率的子站，做全屏模板，全屏模板做法参考论坛教程区
然后在主站首页head区加JS判断来访设备，如果是移动设备，就跳转到手机子站
提供我试验过的两段JS，都好用
方法一：百度js
<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("你的手机版网址");</script>
方法二：纯js
第一种：直接JS脚本
<script type="text/javascript">
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{
window.location="http://www.laozuo.org(更换成自己的WAP网站)";
}
}
}
catch(err)
{
}</script>
第二种，稍微长一些，引用
function uaredirect(murl){
try {
if(document.getElementById("bdmark") != null){
return;
}
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")){
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
}
}
} catch(err){}
}
上述的脚本保持到mobile.js文件，然后在需要调用的页面引用下面2个JS调用文件。
<script src="mobile.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("http://www.laozuo.org(更换成自己的WAP网站)");</script>
两种方法都可以使用，在安卓和IPHONE测试可行。
