如何优雅的实现移动端 WEB 页面与 PC 端 WEB 页面？

Question

目前有几个方案：
1、使用Bootstrap之类的CSS框架，自动化实现“响应式”前端
问题：这样前端页面代码是一样的，在定义一些细节会不会有局限性？
2、为移动端与PC端各自单独写一个前端页面。
问题：维护难度大，比如网站有三个主要页面：首页、列表页、内容页，就要各自写三份。。头大。
3、套用模板系统，为移动端与PC端各自单独写一个前端页面模板
问题：如上，维护难度略小于方法2
各位有什么实现不同终端不同页面的优雅的方法？

Answer 1

方案四，自己造輪子，實現一個輕量級類BootstrapCSS框架。優勢：無限的靈活性與可重用性。缺點：可能與原有項目重複，造成浪費。若造不出與原有輪子截然不同的輪子，不建議選擇方案四。什麼是優雅？優雅就是將複雜難看的實現細節統統隱藏，只暴露簡潔抽象的宏觀接口，這是方案一與方案四的共通之處。至於方案二和三，完全可以自己將響應式的統一模式提煉出來，達到結合方案一和四的效果，即在bootstrap等現有框架的基礎上再構建一層。不過最後還請注意：Abstractlayercansolvemanyproblems,exceptproblemofhavingtoomanyabstractlayers.

Answer 2

2比较佳移动端流量是不得不考虑的因素flash支持什么相比都是次要的但是翻过来移动端可以搞html5pc至今还放不下IE6吧更好的解决方案是检测到移动端给他个wap页面但是让他去下客户端真的需要把移动端页面做的像app那样么除非是淘宝这种app内也能复用的