如何优雅的实现移动端 WEB 页面与 PC 端 WEB 页面?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

2016-06-02 16:39:36 1820 1

目前有几个方案:
1、使用 Bootstrap 之类的 CSS 框架,自动化实现 “响应式” 前端
问题:这样前端页面代码是一样的,在定义一些细节会不会有局限性?

2、为移动端与 PC 端各自单独写一个前端页面。
问题:维护难度大,比如网站有三个主要页面:首页、列表页、内容页,就要各自写三份。。头大。

3、套用模板系统,为移动端与 PC 端各自单独写一个前端页面模板
问题:如上,维护难度略小于方法2

各位有什么实现不同终端不同页面的优雅的方法?

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:25:14

    方案四,自己造輪子,實現一個輕量級類 Bootstrap CSS 框架。
    優勢:無限的靈活性與可重用性。
    缺點:可能與原有項目重複,造成浪費。

    若造不出與原有輪子截然不同的輪子,不建議選擇方案四。

    什麼是優雅?優雅就是將複雜難看的實現細節統統隱藏,只暴露簡潔抽象的宏觀接口,這是方案一與方案四的共通之處。

    至於方案二和三,完全可以自己將響應式的統一模式提煉出來,達到結合方案一和四的效果,即在 bootstrap 等現有框架的基礎上再構建一層。

    不過最後還請注意:

    Abstract layer can solve many problems, except problem of having too many abstract layers.

    0 0
相关问答

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 57015浏览量 回答数 19

43

回答

什么是云主机,云服务器与vps有什么区别?

zhuangdengyun 2011-11-01 04:21:50 49905浏览量 回答数 43

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 47124浏览量 回答数 19

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 146091浏览量 回答数 31

15

回答

网页挂马及暗链检测

yundun1 2012-02-24 17:40:01 47253浏览量 回答数 15

249

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 305729浏览量 回答数 249

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80504浏览量 回答数 13

20

回答

【Java学习全家桶】1460道Java热门问题,阿里百位技术专家答疑解惑

管理贝贝 2018-05-31 13:57:45 46095浏览量 回答数 20

46

回答

H5技术百问——不懂H5你就OUT啦

yq传送门 2017-09-09 11:03:04 47461浏览量 回答数 46

3

回答

Nginx—owncloud安装记事

寒喵 2014-06-07 23:24:41 48759浏览量 回答数 3
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载