为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

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

2 回答

?
宝慕林4294392

TA贡献2021条经验 获得超8个赞

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

TA贡献1906条经验 获得超10个赞

2比较佳移动端流量是不得不考虑的因素flash支持什么相比都是次要的但是翻过来移动端可以搞html5pc至今还放不下IE6吧
更好的解决方案是检测到移动端给他个wap页面但是让他去下客户端真的需要把移动端页面做的像app那样么除非是淘宝这种app内也能复用的
                            
查看完整回答
反对 回复 2019-04-07
  • 2 回答
  • 0 关注
  • 460 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信