移动网站的最佳方法

Question

我有一个网站准备好，但它在手机上看起来不太好。我认为现在使用CSS媒体查询会过于复杂。

我编码另一个页面专门为手机。我将如何去将手机用户重定向到移动版本？或者更好的是，从abc.com/home.html转到abc/com/mobile.html if viewport < 600px？

这只是为了我的大学技术节，所以我不期望移动版本上有很多流量，但想要安全。如果可能的话，我想使用一个web服务来创建页面，这使我省去了编码繁琐的麻烦。 我试过paperlinks.com，除了'welcome to paperlinks'这个事实之外，我尝试了它。 那里有任何其他服务。 （必须有介绍，相册，视频，联系人的详细信息，如果可能的话评析）

Answer 1

有几种选择：

1）投票，像

<script language=javascript> 
    if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) 
    { 
     location.replace("http://mobile.myurl.com"); 
    } 
</script> 

2）阿帕奇重写（假设阿帕奇）（显然不是一个广泛的名单！）

RewriteEngine on 
RewriteCond %{HTTP_USER_AGENT} iPhone 
RewriteCond %{HTTP_USER_AGENT} iPod 
RewriteRule .* http://mobile.myurl.com/ [R]